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

Fix bottom rounded corners of tabs #111

Browse source 
The bottom left corner of a tab can overlap the currently selected tab
if hovered over, this fixes the issue.
This commit is contained in:
bmFtZQ 2023-11-24 20:15:52 +08:00
parent 81d322dc93
commit fa01a3bd63
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
chrome/toolbar/tabbar.css
View file

@ -82,6 +82,14 @@
} }
} }
.tabbrowser-tab:where([selected], [multiselected], :hover) + .tabbrowser-tab:not([selected]) .tab-background {
border-bottom-left-radius: var(--tab-border-radius) !important;
&::before {
--uc-tab-corner-bg: transparent !important;
}
}
.tab-background:is([selected], [multiselected]) { .tab-background:is([selected], [multiselected]) {
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor))); --uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)));
} }