code-charity#314 Dislike button configurable from popup & handled usi…

…ng css
priyank780 · Aug 1, 2020 · 882eb16 · 882eb16
1 parent 38c1c23
commit 882eb16
Show file tree

Hide file tree

Showing 18 changed files with 56 additions and 0 deletions.
diff --git a/_locales/ar/messages.json b/_locales/ar/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "يحد اليوتيوب من جودة الفيديو الى ١٠٨٠ لـ الترميز h.264"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/de/messages.json b/_locales/de/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube begrenzt die Qualität auf 1080 Zeilen für den h.264 Codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/en/messages.json b/_locales/en/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limits video quality to 1080p for h.264 codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/es/messages.json b/_locales/es/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limits video quality to 1080p for h.264 codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/fr/messages.json b/_locales/fr/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limits video quality to 1080p for h.264 codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/it/messages.json b/_locales/it/messages.json
@@ -790,5 +790,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limita la qualità video a 1080p per il codec h.264"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/ja/messages.json b/_locales/ja/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube はH.264コーデックの画質を1080pに制限しています"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/nl/messages.json b/_locales/nl/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limiteerd video kwaliteit tot 1080p voor h.264 codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/no/messages.json b/_locales/no/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube begrenser videokvaliteten til 1080p for h.264-kodeken"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/pt_BR/messages.json b/_locales/pt_BR/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "O YouTube limita o codec h.264 à resolução de 1080p"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/pt_PT/messages.json b/_locales/pt_PT/messages.json
@@ -794,5 +794,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "O YouTube limita a qualidade do video em 1080p para o codec h.264"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/ru/messages.json b/_locales/ru/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube ограничивает качетво видео до 1080p для кодека h.264"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/sk/messages.json b/_locales/sk/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube obmedzuje kvalitu videa na 1080p pri kodeku h.264"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/tr/messages.json b/_locales/tr/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube, h.264 codec bileşeni için video kalitesini 1080p ile sınırlar"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/zh_CN/messages.json b/_locales/zh_CN/messages.json
@@ -799,5 +799,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limits video quality to 1080p for h.264 codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/_locales/zh_TW/messages.json b/_locales/zh_TW/messages.json
@@ -793,5 +793,8 @@
     },
     "youtubeLimitsVideoQualityTo1080pForH264Codec": {
         "message": "YouTube limits video quality to 1080p for h.264 codec"
+    },
+    "redDislikeButton": {
+        "message": "Show dislike button red colour"
     }
 }
diff --git a/src/template/js/template-parts/appearance.js b/src/template/js/template-parts/appearance.js
@@ -199,6 +199,10 @@ Menu.main.section.appearance = {
             always_show_progress_bar: {
                 type: 'switch',
                 label: 'alwaysShowProgressBar'
+            },
+            red_dislike_button: {
+                type: 'switch',
+                label: 'redDislikeButton'
             }
         }
     },

diff --git a/src/youtube/css/appearance.css b/src/youtube/css/appearance.css
@@ -569,6 +569,10 @@ html[it-hide-views-count=true] #watch7-views-info > .watch-view-count
     color: transparent !important;
 }
 
+[it-red-dislike-button=true] #top-level-buttons > ytd-toggle-button-renderer.style-scope.ytd-menu-renderer.force-icon-button:nth-child(2).style-default-active > a
+{
+    color: #fc0000 !important;
+}
 
 
 /*-----------------------------------------------------------------------------