[FB] Verticaltab | fix pinned tab

Floorp-Projects · Oct 20, 2023 · 5086cbc · 5086cbc
1 parent 72d44b0
commit 5086cbc
Showing 1 changed file with 35 additions and 1 deletion.
diff --git a/browser/base/content/browser-verticaltabs.css b/browser/base/content/browser-verticaltabs.css
@@ -4,6 +4,10 @@
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
 
+:root {
+  --tab-separator-opacity: 0 !important;
+}
+
 .toolbar-items {
   height: 100%;
 }
@@ -35,6 +39,8 @@
   height: var(--tab-min-height);
   max-height: var(--tab-min-height);
   transition: min-height 100ms ease-in-out, max-height 100ms ease-in-out;
+  margin: 0 !important;
+  margin-inline-start: 0 !important;
 }
 
 #TabsToolbar .tabbrowser-tab[flex] {
@@ -132,7 +138,7 @@
   margin-bottom: 10px !important;
 }
 
-.tabbrowser-tab[first-visible-unpinned-tab] {
+#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox[flex] > .tabbrowser-tab[first-visible-unpinned-tab] {
   margin-inline-start: 0px !important;
 }
 
@@ -144,6 +150,17 @@
   max-width: -moz-available !important;
 }
 
+#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
+  position: inherit !important;
+  display: block !important;
+  margin-inline-start: 0 !important;
+}
+
+.tab-content[align] {
+  padding: 0 !important;
+  padding-left: 5px !important;
+}
+
 #TabsToolbar[multibar] .tabbrowser-tab {
   max-width: -moz-available !important;
 }
@@ -153,6 +170,14 @@
   width: 8px;
 }
 
+.tab-label-container[pinned="true"]::after {
+  content: "Pinned";
+  font-size: 8.5px;
+  margin-top: -5px;
+  color: var(--panel-description-color);
+  font-weight: bold;
+}
+
 :root[customizing] #browser {
   visibility: inherit !important;
   max-height: 300px !important;
@@ -191,3 +216,12 @@
 #tabbrowser-arrowscrollbox::part(scrollbutton-up), #tabbrowser-arrowscrollbox::part(scrollbutton-down) {
   display: none !important;
 }
+
+.tab-close-button {
+  position: relative;
+  right: 10px;
+}
+
+.tabbrowser-tab[first-visible-unpinned-tab="true"] .tab-close-button {
+  right: 11px;
+}