Fix: Tab - visuallyselected attribute compatibility #787

`.tabbrowser-tab[visuallyselected="true"]` to `.tabbrowser-tab[visuallyselected]`
black7375 · Oct 1, 2023 · a7cc5b8 · a7cc5b8
1 parent 43fd8de
commit a7cc5b8
Show file tree

Hide file tree

Showing 8 changed files with 40 additions and 40 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/compatibility/_os.scss b/src/compatibility/_os.scss
@@ -192,7 +192,7 @@
 $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
 @mixin _os_linuxDefaultThemeSelectedTab {
   #tabbrowser-tabs:not([noshadowfortests])
-    .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
+    .tabbrowser-tab:is([visuallyselected], [multiselected])
     > .tab-stack
     > .tab-background:not(:-moz-lwtheme) {
     @content;
@@ -204,7 +204,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
 @include OS($linux) {
   @include Light {
     /* Because of
-      #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected=true], [multiselected]) > .tab-stack > .tab-background {
+      #TabsToolbar:not([brighttext]) #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
         border: 1px solid var(--tab-line-color, rgba(128,128,142,0.9));
         box-shadow: 0 0 4px rgba(128,128,142,0.5);
       }

diff --git a/src/compatibility/_theme.scss b/src/compatibility/_theme.scss
@@ -64,7 +64,7 @@ menu {
   @each $prefix, $postfix in $options {
     #TabsToolbar#{$prefix}
     #tabbrowser-tabs:not([noshadowfortests])
-      .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
+      .tabbrowser-tab:is([visuallyselected], [multiselected])
       > .tab-stack
       > .tab-background#{$postfix} {
       @extend %noneBorder;

diff --git a/src/tab/clipped_tab/_letters_cleary.scss b/src/tab/clipped_tab/_letters_cleary.scss
@@ -24,12 +24,12 @@
   .tab-label-container {
     --tab-label-mask-size: 30%;
   }
-  &:is([visuallyselected="true"], [multiselected="true"]) .tab-label-container {
+  &:is([visuallyselected], [multiselected="true"]) .tab-label-container {
     --tab-label-mask-size: 25%;
   }
 }
 
-.tabbrowser-tab[visuallyselected=true]:not([labelendaligned]):hover .tab-label-container,
-#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected=true],[labelendaligned]):hover .tab-label-container {
+.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
+#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container {
   --tab-label-mask-size: 0.9em; /* Original: 1em */
 }
diff --git a/src/tab/newtab_button/_looks_like_tab.scss b/src/tab/newtab_button/_looks_like_tab.scss
@@ -146,7 +146,7 @@
 
 /* Fix tab overlap #678 */
 @include Option("userChrome.tab.bottom_rounded_corner") {
-  tab:where([visuallyselected="true"]) {
+  tab:where([visuallyselected]) {
     z-index: 1;
   }
 }
diff --git a/src/tab/selected_tab/_box_shadow.scss b/src/tab/selected_tab/_box_shadow.scss
@@ -26,7 +26,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
     }
   }
 
-  &[visuallyselected="true"]:not(:focus),
+  &[visuallyselected]:not(:focus),
   &[multiselected]:not([visuallyselected]) {
     //  Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9))
     //    Bright: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */
@@ -40,7 +40,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
 :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(240, 240, 244); --lwt-text-color: rgba(21, 20, 26);"])
   #TabsToolbar:not([brighttext])
   #tabbrowser-tabs:not([noshadowfortests])
-  .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
+  .tabbrowser-tab:is([visuallyselected], [multiselected])
   > .tab-stack
   > .tab-background:-moz-lwtheme {
   --uc-tab-shadow-color: var(--uc-tab-shadow-color-bundle);
@@ -51,7 +51,7 @@ $ucTabBackgroundShadowHard: drop-shadow(-1px 0px 0px var(--uc-tab-shadow-color,
 :root:not([lwtheme-mozlightdark], [style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"])
   #TabsToolbar[brighttext]
   #tabbrowser-tabs:not([noshadowfortests])
-  .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
+  .tabbrowser-tab:is([visuallyselected], [multiselected])
   > .tab-stack
   > .tab-background:-moz-lwtheme {
   filter: $ucTabBackgroundShadowHard;

diff --git a/src/tab/selected_tab/_photon_like_contextline.scss b/src/tab/selected_tab/_photon_like_contextline.scss
@@ -50,15 +50,15 @@
 /* Remove side's background color border */
 #TabsToolbar[brighttext]
   #tabbrowser-tabs:not([noshadowfortests])
-  .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
+  .tabbrowser-tab:is([visuallyselected], [multiselected])
   > .tab-stack
   > .tab-background:-moz-lwtheme {
   --tabs-border-color: rgba(0, 0, 0, 0.3) !important;
   box-shadow: 0 0 1px var(--tabs-border-color) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)) */
 }
 #TabsToolbar:not([brighttext])
   #tabbrowser-tabs:not([noshadowfortests])
-  .tabbrowser-tab:is([visuallyselected="true"], [multiselected])
+  .tabbrowser-tab:is([visuallyselected], [multiselected])
   > .tab-stack
   > .tab-background {
   box-shadow: 0 0 1px var(--tabs-border-color), 0 0 4px rgba(128, 128, 142, 0.5) !important; /* Original: 0 0 1px var(--tab-line-color, rgba(128,128,142,0.9)), 0 0 4px rgba(128,128,142,0.5) */