Add: Compatibility - Win11 Mode #580

black7375 · Jan 29, 2023 · 700335e · 700335e
1 parent d253553
commit 700335e
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 0 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
@@ -10514,6 +10514,11 @@
           --context-menu-background-padding: 3px;
           --menu-background-padding-default: 0px;
         }
+        @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+          :root {
+            --context-menu-background-padding: 5px;
+          }
+        }
         menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
         menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
         menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
@@ -10523,6 +10528,14 @@
           padding-inline-start: 5px !important;
           margin-inline-end: 8px !important;
         }
+        @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+          menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
+          menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
+          menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
+          menupopup:not([placespopup="true"]) .menuitem-iconic > .menu-iconic-left {
+            box-sizing: content-box;
+          }
+        }
         menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-accel,
         menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-accel,
         menupopup:not([placespopup="true"]) .menu-accel,

diff --git a/css/leptonContent.css b/css/leptonContent.css
@@ -2912,6 +2912,11 @@
             --context-menu-background-padding: 3px;
             --menu-background-padding-default: 0px;
           }
+          @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+            :root {
+              --context-menu-background-padding: 5px;
+            }
+          }
           menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
           menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
           menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
@@ -2921,6 +2926,14 @@
             padding-inline-start: 5px !important;
             margin-inline-end: 8px !important;
           }
+          @supports -moz-bool-pref("userChrome.compatibility.os.win11") {
+            menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic > .menu-iconic-left,
+            menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menuitem-iconic > .menu-iconic-left,
+            menupopup:not([placespopup="true"]) .menu-iconic > .menu-iconic-left,
+            menupopup:not([placespopup="true"]) .menuitem-iconic > .menu-iconic-left {
+              box-sizing: content-box;
+            }
+          }
           menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-accel,
           menupopup:is(#historyMenuPopup, #bookmarksMenuPopup) .menu-iconic-accel,
           menupopup:not([placespopup="true"]) .menu-accel,

diff --git a/src/icons/layout/_menu_common.scss b/src/icons/layout/_menu_common.scss
@@ -102,6 +102,9 @@ $_initialMenus: selector.append(
     :root {
       --context-menu-background-padding: 3px;
       --menu-background-padding-default: 0px;
+      @include Option("userChrome.compatibility.os.win11") {
+        --context-menu-background-padding: 5px;
+      }
     }
 
     @include NativeMenuPopup {
@@ -112,6 +115,9 @@ $_initialMenus: selector.append(
           padding-block: 0 !important;
           padding-inline-start: 5px !important;
           margin-inline-end: 8px !important;
+          @include Option("userChrome.compatibility.os.win11") {
+            box-sizing: content-box;
+          }
         }
       }
       .menu-accel, .menu-iconic-accel {

diff --git a/user.js b/user.js
@@ -70,6 +70,7 @@ user_pref("userChrome.rounding.square_tab",           false);
 // -- User Chrome --------------------------------------------------------------
 // user_pref("userChrome.theme.proton_color.dark_blue_accent", true);
 // user_pref("userChrome.theme.monospace",                     true);
+// user_pref("userChrome.compatibility.os.win11",              true);
 
 // user_pref("userChrome.decoration.disable_panel_animate",    true);
 // user_pref("userChrome.decoration.disable_sidebar_animate",  true);