From e9c2076b578ceecd7718c079cdb68f488e67e19a Mon Sep 17 00:00:00 2001 From: Marvin Date: Wed, 13 Nov 2024 20:36:37 -0500 Subject: [PATCH 1/4] Added button menu to delete the dots from the thumbnail --- _locales/en/messages.json | 3 +++ menu/skeleton-parts/general.js | 5 +++++ 2 files changed, 8 insertions(+) diff --git a/_locales/en/messages.json b/_locales/en/messages.json index 988af9f18..a4128b796 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -677,6 +677,9 @@ "hideThumbnailOverlay": { "message": "Hide buttons on thumbnails" }, + "hideThumbnailDots": { + "message": "Hide dots on thumbnails" + }, "hideThumbnails": { "message": "Hide thumbnails" }, diff --git a/menu/skeleton-parts/general.js b/menu/skeleton-parts/general.js index a12841953..f94a90af6 100644 --- 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: 'dots' + }, thumbnails_quality: { component: 'select', text: 'thumbnailsQuality', From 46768bfbef6097a2a203a3c4b1e173cd3d7c0a9c Mon Sep 17 00:00:00 2001 From: Marvin Date: Thu, 14 Nov 2024 00:31:48 -0500 Subject: [PATCH 2/4] Added functionality to hide dots from thumbnails --- js&css/web-accessible/init.js | 10 ++++++++++ menu/skeleton-parts/general.js | 3 +-- 2 files changed, 11 insertions(+), 2 deletions(-) diff --git a/js&css/web-accessible/init.js b/js&css/web-accessible/init.js index ca6596ca6..3b4e40e51 100644 --- a/js&css/web-accessible/init.js +++ b/js&css/web-accessible/init.js @@ -146,6 +146,16 @@ document.addEventListener('yt-navigate-finish', function () { } else if (document.documentElement.dataset.pageType === 'channel') { ImprovedTube.channelPlayAllButton(); } + + // Adds CSS to hide dots from thumbnails + const style = document.createElement("style"); + style.textContent = ` + 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 !important; + } + `; + document.head.appendChild(style); }); window.addEventListener('load', function () { diff --git a/menu/skeleton-parts/general.js b/menu/skeleton-parts/general.js index f94a90af6..17b5193a2 100644 --- a/menu/skeleton-parts/general.js +++ b/menu/skeleton-parts/general.js @@ -196,10 +196,9 @@ extension.skeleton.main.layers.section.general = { text: 'hideThumbnailOverlay', tags: 'preview' }, - hide_thumbnail_Dots: { + hide_thumbnail_dots: { component: 'switch', text: 'hideThumbnailDots', - tags: 'dots' }, thumbnails_quality: { component: 'select', From feda4b863f60c3c4c8292b00ea19754e9e2fe7b1 Mon Sep 17 00:00:00 2001 From: Marvin Date: Fri, 15 Nov 2024 15:43:57 -0500 Subject: [PATCH 3/4] Added the changes to css from js. --- js&css/extension/www.youtube.com/general/general.css | 8 ++++++++ js&css/web-accessible/init.js | 10 ---------- menu/skeleton-parts/general.js | 1 + 3 files changed, 9 insertions(+), 10 deletions(-) diff --git a/js&css/extension/www.youtube.com/general/general.css b/js&css/extension/www.youtube.com/general/general.css index 8bdf06e1a..19e563167 100644 --- 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/js&css/web-accessible/init.js b/js&css/web-accessible/init.js index 3b4e40e51..ca6596ca6 100644 --- a/js&css/web-accessible/init.js +++ b/js&css/web-accessible/init.js @@ -146,16 +146,6 @@ document.addEventListener('yt-navigate-finish', function () { } else if (document.documentElement.dataset.pageType === 'channel') { ImprovedTube.channelPlayAllButton(); } - - // Adds CSS to hide dots from thumbnails - const style = document.createElement("style"); - style.textContent = ` - 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 !important; - } - `; - document.head.appendChild(style); }); window.addEventListener('load', function () { diff --git a/menu/skeleton-parts/general.js b/menu/skeleton-parts/general.js index 17b5193a2..71f8a24b5 100644 --- a/menu/skeleton-parts/general.js +++ b/menu/skeleton-parts/general.js @@ -199,6 +199,7 @@ extension.skeleton.main.layers.section.general = { hide_thumbnail_dots: { component: 'switch', text: 'hideThumbnailDots', + tags: 'preview' }, thumbnails_quality: { component: 'select', From eae1e107292031471d8127af4f95fc758b85219b Mon Sep 17 00:00:00 2001 From: Marvin Date: Fri, 15 Nov 2024 15:48:16 -0500 Subject: [PATCH 4/4] Changed the message for the buton. --- _locales/en/messages.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_locales/en/messages.json b/_locales/en/messages.json index a4128b796..284481a4f 100644 --- a/_locales/en/messages.json +++ b/_locales/en/messages.json @@ -678,7 +678,7 @@ "message": "Hide buttons on thumbnails" }, "hideThumbnailDots": { - "message": "Hide dots on thumbnails" + "message": "Hide '⫶' (more actions) on thumbnails" }, "hideThumbnails": { "message": "Hide thumbnails"