Merge pull request #2678 from marvinl803/feature-issue-2670

issue #2670 - Feature to remove thumbnail dots
code-charity · Nov 17, 2024 · c78dcd4 · c78dcd4
2 parents 957d9c2 + eae1e10
commit c78dcd4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
@@ -680,6 +680,9 @@
     "hideThumbnailOverlay": {
         "message": "Hide buttons on thumbnails"
     },
+    "hideThumbnailDots": {
+        "message": "Hide '⫶' (more actions) on thumbnails"
+    },
     "hideThumbnails": {
         "message": "Hide thumbnails"
     },

diff --git a/js&css/extension/www.youtube.com/general/general.css b/js&css/extension/www.youtube.com/general/general.css
@@ -11,6 +11,7 @@
 # Mark watched videos
 # Hide aniamted thubmnails
 # Hide buttons on thumbnails
+# Hide dots on thumbnails
 --------------------------------------------------------------*/
 html[it-cursorLighting=true] #below			{opacity:.4; transition:3s;}
 html[it-cursorLighting=true] #below:hover	{opacity:1; transition:.5s;}
@@ -69,6 +70,13 @@ html[it-hide-animated-thumbnails='true'] #preview>ytd-video-preview,
 html[it-hide-thumbnail-overlay='true'] #hover-overlays,
 html[it-hide-thumbnail-overlay='true'] #player-controls.ytd-video-preview,
 /*--------------------------------------------------------------
+# HIDE DOTS ON THUMBNAILS
+--------------------------------------------------------------*/
+html[it-hide-thumbnail-dots='true'] button#button[aria-label="Action menu"],
+html[it-hide-thumbnail-dots="true"] button.yt-spec-button-shape-next[aria-label="More actions"] {
+    display: none;
+}
+/*--------------------------------------------------------------
 # EMBEDDED VIDEOS
  --------------------------------------------------------------*/
 html[it-embeddedHidePauseOverlay='true'] .ytp-pause-overlay,

diff --git a/menu/skeleton-parts/general.js b/menu/skeleton-parts/general.js
@@ -196,6 +196,11 @@ extension.skeleton.main.layers.section.general = {
 					text: 'hideThumbnailOverlay',
 					tags: 'preview'
 				},
+				hide_thumbnail_dots: {
+					component: 'switch',
+					text: 'hideThumbnailDots',
+					tags: 'preview'
+				},
 				thumbnails_quality: {
 					component: 'select',
 					text: 'thumbnailsQuality',