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:
bmFtZQ 2023-11-24 20:15:52 +08:00
parent 81d322dc93
commit fa01a3bd63

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]) {
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor)));
}