Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-13 18:48:37 -05:00
Code Issues Activity

🐛 Fix scrollbar appears on top of UI buttons

Browse source
This commit is contained in:
Pablo Alba 2024-04-12 12:00:50 +02:00
parent fa00fed694
commit 137e576e63
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/app/main/ui/components/tab_container.scss
View file

@ -46,6 +46,7 @@
@extend .button-icon;
stroke: var(--tab-foreground-color);
}
.content {
@include headlineSmallTypography;
text-align: center;
@ -53,17 +54,21 @@
overflow: hidden;
text-overflow: ellipsis;
}
&.current,
&.current:hover {
background: var(--tab-background-color-selected);
border-color: var(--tab-border-color-selected);
color: var(--tab-foreground-color-selected);
svg {
stroke: var(--tab-foreground-color-selected);
}
}
&:hover {
color: var(--tab-foreground-color-hover);
svg {
stroke: var(--tab-foreground-color-hover);
}
@ -78,6 +83,7 @@
min-width: $s-24;
padding: 0 $s-6;
border-radius: $br-5;
svg {
@include flexCenter;
height: $s-16;
@ -87,6 +93,7 @@
fill: none;
color: transparent;
}
&:hover {
svg {
stroke: var(--icon-foreground-hover);
@ -107,3 +114,10 @@
display: flex;
flex-direction: column;
}
//Firefox doesn't respect scrollbar-gutter
@supports (-moz-appearance: none) {
.tab-container-content {
padding-right: $s-8;
}
}