Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix pinned tabs overlapping other tabs #107 #100

Browse source
This commit is contained in:
bmFtZQ 2023-11-23 13:11:29 +08:00
parent 708e4e8167
commit 3b7eac9793
1 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

19
chrome/toolbar/tabbar.css
View file

@ -354,11 +354,20 @@ toolbarbutton[part="scrollbutton-down"] {
margin-top: calc(2px + var(--tab-block-margin)) !important;
}
#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:first-of-type {
margin-inline-start: 14px !important;
/* add margin to tabs if they are the first or last tab */
#tabbrowser-arrowscrollbox:not([overflowing]) .tabbrowser-tab {
&:first-of-type {
margin-inline-start: 14px !important;
}
&:last-of-type {
margin-inline-end: 6px !important;
}
}
#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab:last-of-type {
margin-inline-end: 6px !important;
/* remove gap between pinned and unpinned tabs */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-inline-start: 0 !important;
}
#tabbrowser-tabs {
@ -375,7 +384,7 @@ toolbarbutton[part="scrollbutton-down"] {
}
#tabbrowser-tabs[positionpinnedtabs]>#tabbrowser-arrowscrollbox>.tabbrowser-tab[pinned] {
clip-path: inset(-4px -4px 0) !important;
clip-path: inset(-8px -8px 0) !important;
}
:root {