Fix bottom rounded corners of tabs #111
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:
parent
81d322dc93
commit
fa01a3bd63
1 changed files with 8 additions and 0 deletions
|
@ -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]) {
|
||||
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)));
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue