Fix: Icons - Context Properties

- Panel's Zoom buttons work with storke!
black7375 · Nov 4, 2022 · 32ddd53 · 32ddd53
1 parent b3ff0ad
commit 32ddd53
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 17 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
@@ -8688,7 +8688,7 @@
         #forward-button,
         #clearDownloadsButton {
           fill: currentColor !important;
-          -moz-context-properties: fill !important;
+          -moz-context-properties: fill, fill-opacity, stroke !important;
         }
 
         /* Add */
@@ -8826,13 +8826,12 @@
     .subviewbutton:not(#appMenu-proton-update-banner) > image {
       fill: currentColor !important;
       fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-      -moz-context-properties: fill !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
     }
 
     #appMenu-zoomReduce-button2 > .toolbarbutton-icon,
     #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
       stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
-      -moz-context-properties: fill, stroke !important;
     }
 
     #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
@@ -9040,7 +9039,7 @@
       /* Color */
       fill: currentColor;
       fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-      -moz-context-properties: fill;
+      -moz-context-properties: fill, fill-opacity, stroke;
       background-size: 16px;
       background-repeat: no-repeat;
       background-position: left center;
@@ -9308,7 +9307,7 @@
     /*= protections-popup ========================================================*/
     #protections-popup-settings-button > .protections-popup-settings-icon,
     #protections-popup-show-report-button > .protections-popup-show-report-icon {
-      -moz-context-properties: fill;
+      -moz-context-properties: fill, fill-opacity, stroke;
       fill: currentColor;
       margin-inline-end: 1em;
     }
@@ -9402,7 +9401,7 @@
     #BMB_viewBookmarksToolbar,
     #context_openANewTab.tabmix-newtab-menu-icon {
       /* Color */
-      -moz-context-properties: fill, fill-opacity !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
       fill: currentColor !important;
       /* Layout */
       background-size: 16px !important;
@@ -9411,7 +9410,7 @@
     }
 
     #tabContextMenu > .tabmix-newtab-menu-icon {
-      -moz-context-properties: fill, fill-opacity !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
       fill: currentColor !important;
     }
 

diff --git a/css/leptonContent.css b/css/leptonContent.css
@@ -280,7 +280,7 @@
 
     .context-menu-list .context-menu-item button span {
       /* Color */
-      -moz-context-properties: fill, fill-opacity !important;
+      -moz-context-properties: fill, fill-opacity, stroke !important;
       fill: currentColor !important;
       /* Layout */
       background-size: 16px !important;
@@ -2362,7 +2362,7 @@
       #forward-button,
       #clearDownloadsButton {
         fill: currentColor !important;
-        -moz-context-properties: fill !important;
+        -moz-context-properties: fill, fill-opacity, stroke !important;
       }
 
       /* Add */
@@ -3037,7 +3037,7 @@
         > menuitem:not(.menuitem-iconic, .bookmark-item, .in-menulist, [checked="true"]),
       menupopup:is(#viewMenuPopup, #maintenanceButtonPopup) > menu:not(.menu-iconic, .in-menulist, [checked="true"]) {
         /* Color */
-        -moz-context-properties: fill, fill-opacity !important;
+        -moz-context-properties: fill, fill-opacity, stroke !important;
         fill: currentColor !important;
         /* Layout */
         background-size: 16px !important;

diff --git a/src/icons/_panel.scss b/src/icons/_panel.scss
@@ -176,7 +176,7 @@
   /* Color */
   fill: currentColor;
   fill-opacity: var(--toolbarbutton-icon-fill-opacity);
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity, stroke;
 
   background-size: 16px;
   background-repeat: no-repeat;
@@ -416,7 +416,7 @@ panelMenuBookmarkThisPage[starred] {
 /*= protections-popup ========================================================*/
 #protections-popup-settings-button > .protections-popup-settings-icon,
 #protections-popup-show-report-button > .protections-popup-show-report-icon {
-  -moz-context-properties: fill;
+  -moz-context-properties: fill, fill-opacity, stroke;
   fill: currentColor;
   margin-inline-end: 1em;
 }

diff --git a/src/icons/layout/_menu.scss b/src/icons/layout/_menu.scss
@@ -43,7 +43,7 @@ $_layoutCommonMenus: (
   @include _layout_icon_menus;
 }
 #tabContextMenu > .tabmix-newtab-menu-icon {
-  -moz-context-properties: fill, fill-opacity !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
   fill: currentColor !important;
 }
 

diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss
@@ -44,7 +44,7 @@ $_initialMenus: selector.append(
 // Icon
 @mixin _layout_icon_menus() {
   /* Color */
-  -moz-context-properties: fill, fill-opacity !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
   fill: currentColor !important;
 
   /* Layout */

diff --git a/src/icons/layout/_panel.scss b/src/icons/layout/_panel.scss
@@ -82,12 +82,11 @@
 .subviewbutton:not(#appMenu-proton-update-banner) > image {
   fill: currentColor !important;
   fill-opacity: var(--toolbarbutton-icon-fill-opacity) !important;
-  -moz-context-properties: fill !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
 }
 #appMenu-zoomReduce-button2 > .toolbarbutton-icon,
 #appMenu-zoomEnlarge-button2 > .toolbarbutton-icon {
   stroke: var(--zoom-controls-bgcolor, var(--button-bgcolor, ButtonFace)) !important;
-  -moz-context-properties: fill, stroke !important;
 }
 #appMenu-zoomReduce-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon,
 #appMenu-zoomEnlarge-button2:not([disabled], [open], :active):is(:hover) > .toolbarbutton-icon {

diff --git a/src/library/_menubar.scss b/src/library/_menubar.scss
@@ -6,7 +6,7 @@
 #forward-button,
 #clearDownloadsButton {
   fill: currentColor !important;
-  -moz-context-properties: fill !important;
+  -moz-context-properties: fill, fill-opacity, stroke !important;
 }
 
 /* Add */