Skip to content

Commit 3b2e609

Browse files
black7375black7375
committed
Fix: Pinned Tab - Color & separator #1111 
1 parent 7e21531 commit 3b2e609

16 files changed

Lines changed: 475 additions & 3 deletions

‎css/leptonChrome.css‎

Lines changed: 256 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/leptonChromeESR.css‎

Lines changed: 132 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/compatibility/_os.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -248,6 +248,7 @@ $_os_linuxDefaultShadow: 0 0 4px rgba(128, 128, 142, 0.5);
248248
-moz-default-appearance:-moz-window-titlebar !important;;
249249
}
250250

251+
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #pinned-tabs-container,
251252
:root:is([tabsintitlebar], [customtitlebar]):not(:-moz-lwtheme) #tabbrowser-arrowscrollbox {
252253
color: -moz-dialogtext !important;
253254
}

‎src/padding/_tabbar_height.scss‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -62,19 +62,25 @@
6262
}
6363

6464
@include NotOption("userChrome.tabbar.multi_row") {
65+
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #pinned-tabs-container,
66+
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"],
67+
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
68+
#TabsToolbar:not([multibar]) #pinned-tabs-container[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content,
6569
:root:not([uidensity="compact"]) #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox,
6670
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"],
6771
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-stack,
6872
#TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox[overflowing="true"] > .tabbrowser-tab[pinned="true"] .tab-content {
6973
max-height: var(--tab-min-height) !important; /* Force apply height */
7074
}
75+
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #pinned-tabs-container,
7176
:root[uidensity="compact"] #TabsToolbar:not([multibar]) #tabbrowser-arrowscrollbox {
7277
height: var(--tab-min-height) !important;
7378
}
7479
}
7580
}
7681

7782
/* Scroll Button - Size Fix */
83+
:root #pinned-tabs-container,
7884
:root #tabbrowser-arrowscrollbox {
7985
--scrollbtn-vertical-padding: 3px;
8086
--scrollbtn-vertical-border: 2px;

‎src/padding/_tabbar_width.scss‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,6 +60,7 @@
6060
}
6161
}
6262

63+
:root:not([uidensity="touch"]) #pinned-tabs-container,
6364
:root:not([uidensity="touch"]) #tabbrowser-arrowscrollbox {
6465
--scrollbtn-inner-padding: 1px;
6566
--scrollbtn-outer-padding: 3px;
@@ -107,6 +108,8 @@
107108

108109
/* neighbouring tabs should "pinch" together */
109110
:root[customizing="true"] #tabbrowser-arrowscrollbox-periphery,
111+
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
112+
> #pinned-tabs-container > #tabbrowser-arrowscrollbox-periphery,
110113
#tabbrowser-tabs:not([hasadjacentnewtabbutton]):not([overflow="true"])
111114
> #tabbrowser-arrowscrollbox > #tabbrowser-arrowscrollbox-periphery {
112115
min-width: 3px; // With Panorama Tab Groups #643 #846

‎src/tab/_connect_to_window.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -44,6 +44,7 @@
4444
}
4545

4646
/* Pinned Tab - tabbrowser-arrowscrollbox overflowing */
47+
#tabbrowser-tabs[positionpinnedtabs] > #pinned-tabs-container > .tabbrowser-tab[pinned],
4748
#tabbrowser-tabs[positionpinnedtabs] > #tabbrowser-arrowscrollbox > .tabbrowser-tab[pinned] {
4849
z-index: 0 !important;
4950

‎src/tab/clipped_tab/_letters_cleary.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@
3030
}
3131

3232
.tabbrowser-tab[visuallyselected]:not([labelendaligned]):hover .tab-label-container,
33+
#tabbrowser-tabs:not([closebuttons=activetab]) > #pinned-tabs-container > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container,
3334
#tabbrowser-tabs:not([closebuttons=activetab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:not([visuallyselected],[labelendaligned]):hover .tab-label-container {
3435
--tab-label-mask-size: 0.9em; /* Original: 1em */
3536
}

‎src/tab/clipped_tab/_show_close_button_at_hover.scss‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,11 @@
1919
}
2020

2121
#tabbrowser-tabs[closebuttons="activetab"] {
22+
> #pinned-tabs-container
23+
> .tabbrowser-tab:not([pinned])
24+
> .tab-stack
25+
> .tab-content
26+
> .tab-close-button:not([selected]),
2227
> #tabbrowser-arrowscrollbox
2328
> .tabbrowser-tab:not([pinned])
2429
> .tab-stack

‎src/tab/selected_tab/_color_like_toolbar.scss‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,26 @@
77
background-color: var(--tab-selected-bgcolor, var(--toolbar-bgcolor)) !important;
88
}
99

10+
#pinned-tabs-container
11+
> .tabbrowser-tab
12+
> .tab-stack
13+
> .tab-background[selected],
14+
#tabbrowser-tabs:not([movingtab])
15+
> #pinned-tabs-container
16+
> .tabbrowser-tab
17+
> .tab-stack
18+
> .tab-background[selected],
19+
#pinned-tabs-container
20+
> tab-group
21+
> .tabbrowser-tab
22+
> .tab-stack
23+
> .tab-background[selected],
24+
#tabbrowser-tabs[orient="horizontal"]:not([movingtab])
25+
> #pinned-tabs-container
26+
> tab-group
27+
> .tabbrowser-tab
28+
> .tab-stack
29+
> .tab-background[selected],
1030
#tabbrowser-arrowscrollbox
1131
> .tabbrowser-tab
1232
> .tab-stack

0 commit comments

Comments
 (0)