Fix: Sidebar - Right side overlap #1052

black7375 · Dec 28, 2024 · f528701 · f528701
1 parent 7d96af3
commit f528701
Show file tree

Hide file tree

Showing 6 changed files with 46 additions and 46 deletions.
diff --git a/css/leptonChrome.css b/css/leptonChrome.css
diff --git a/css/leptonChromeESR.css b/css/leptonChromeESR.css
diff --git a/src/autohide/sidebar/_static.scss b/src/autohide/sidebar/_static.scss
@@ -11,7 +11,7 @@
 }
 
 :root[inFullscreen="true"] #sidebar-box {
-  &:not([positionend="true"]) {
+  &:not([positionend]) {
     margin-inline-start: var(--uc-sidebar-fullscreen-margin) !important;
     will-change: margin-inline-start;
 
@@ -20,7 +20,7 @@
     }
   }
 
-  &[positionend="true"] {
+  &[positionend] {
     margin-inline-end: var(--uc-sidebar-fullscreen-margin) !important;
     will-change: margin-inline-end;
 
@@ -45,7 +45,7 @@
   :root[inFullscreen="true"] #sidebar-box {
     transition: margin-inline-start var(--uc-autohide-fullscreen-sidebar-speed) var(--animation-easing-function) var(--uc-autohide-sidebar-delay) !important;
 
-    &[positionend="true"] {
+    &[positionend] {
       transition-property: margin-inline-end !important;
     }
     &:is(:hover, :focus-within),

diff --git a/src/icons/_index.scss b/src/icons/_index.scss
@@ -28,7 +28,7 @@
   --uc-sidebar-icon: url("chrome://browser/skin/sidebars.svg");
   --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars-right.svg");
   @include Has {
-    &:has(#sidebar-box[positionend="true"]) {
+    &:has(#sidebar-box[positionend]) {
       --uc-sidebar-icon: url("chrome://browser/skin/sidebars-right.svg");
       --uc-sidebar-icon-reverse: url("chrome://browser/skin/sidebars.svg");
     }

diff --git a/src/navbar/_as_sidebar.scss b/src/navbar/_as_sidebar.scss
@@ -41,7 +41,7 @@
     opacity: 0;
     visibility: hidden; // If use `collapse`, inline `--urlbar-toolbar-height` variable is calculated strangely small.
   }
-  :root:has(#sidebar-box[positionend="true"]) #nav-bar {
+  :root:has(#sidebar-box[positionend]) #nav-bar {
     right: 0;
   }
 }
@@ -109,7 +109,7 @@
       position: absolute;
       height: 100%;
 
-      &[positionend="true"] {
+      &[positionend] {
         right: 0;
       }
     }
@@ -125,10 +125,10 @@
     height: calc(100% - var(--uc-customization-conatiner-margin));
   }
 
-  &:has(#sidebar-box:not([positionend="true"])) #customization-container {
+  &:has(#sidebar-box:not([positionend])) #customization-container {
     margin-inline-start: var(--uc-sidebar-activate-width);
   }
-  &:has(#sidebar-box[positionend="true"]) #customization-container {
+  &:has(#sidebar-box[positionend]) #customization-container {
     margin-inline-end: var(--uc-sidebar-activate-width);
   }
 

diff --git a/src/sidebar/_overlap.scss b/src/sidebar/_overlap.scss
@@ -37,7 +37,7 @@
     position: relative !important;
 
     box-shadow: var(--uc-sidebar-shadow-position) 0px 15px -10px var(--uc-sidebar-shadow-color);
-    &[positionend="true"] {
+    &[positionend] {
       --uc-sidebar-shadow-position: calc(-1 * var(--uc-sidebar-shadow-position-default));
     }
   }
@@ -53,7 +53,7 @@
 }
 
 @include Option("userChrome.sidebar.overlap") {
-  #sidebar-box[positionend="true"] {
+  #sidebar-box[positionend] {
     direction: rtl;
   }