🐛 Fix menu shadow color (#5793)

This commit is contained in:
Eva Marco 2025-02-06 15:56:45 +01:00 committed by GitHub
parent 0c275cf490
commit 73ff1b4fe5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 39 additions and 39 deletions

View file

@ -64,6 +64,7 @@ is a number of cores)
### :bug: Bugs fixed ### :bug: Bugs fixed
- Fix menu shadow color [Taiga #10102](https://tree.taiga.io/project/penpot/issue/10102)
- Fix problem with alt key measures being stuck [Taiga #9348](https://tree.taiga.io/project/penpot/issue/9348) - Fix problem with alt key measures being stuck [Taiga #9348](https://tree.taiga.io/project/penpot/issue/9348)
- Fix error when reseting stroke cap - Fix error when reseting stroke cap
- Fix problem with strokes not refreshing in Safari [Taiga #9040](https://tree.taiga.io/project/penpot/issue/9040) - Fix problem with strokes not refreshing in Safari [Taiga #9040](https://tree.taiga.io/project/penpot/issue/9040)

View file

@ -215,7 +215,7 @@
--menu-shortcut-foreground-color: var(--color-foreground-secondary); --menu-shortcut-foreground-color: var(--color-foreground-secondary);
--menu-shortcut-foreground-color-selected: var(--color-foreground-primary); --menu-shortcut-foreground-color-selected: var(--color-foreground-primary);
--menu-shortcut-foreground-color-hover: var(--color-foreground-primary); --menu-shortcut-foreground-color-hover: var(--color-foreground-primary);
--menu-shadow-color: var(--color-shadow); --menu-shadow-color: var(--color-shadow-dark);
--menu-background-color-disabled: var(--color-background-primary); --menu-background-color-disabled: var(--color-background-primary);
--menu-foreground-color-disabled: var(--color-foreground-secondary); --menu-foreground-color-disabled: var(--color-foreground-secondary);
--menu-border-color-disabled: var(--color-background-quaternary); --menu-border-color-disabled: var(--color-background-quaternary);

View file

@ -115,47 +115,46 @@
top: $s-44; top: $s-44;
left: 50%; left: 50%;
z-index: $z-index-20; z-index: $z-index-20;
}
.grid-actions-container { .grid-actions-container {
@include flexRow; @include flexRow;
background: var(--panel-background-color); background: var(--panel-background-color);
border-radius: $br-12; border-radius: $br-12;
box-shadow: 0px 0px $s-12 0px var(--menu-shadow-color); box-shadow: 0px 0px $s-12 0px var(--menu-shadow-color);
gap: $s-8; gap: $s-8;
height: $s-48; height: $s-48;
margin-left: -50%; margin-left: -50%;
padding: $s-8; padding: $s-8;
cursor: initial; cursor: initial;
pointer-events: initial; pointer-events: initial;
width: $s-512; width: $s-512;
} }
.grid-actions-title { .grid-actions-title {
flex: 1; flex: 1;
font-size: $fs-12; font-size: $fs-12;
color: var(--color-foreground-secondary); color: var(--color-foreground-secondary);
padding-left: $s-8; padding-left: $s-8;
} }
.board-name { .locate-btn {
} @extend .button-secondary;
text-transform: uppercase;
padding: $s-8 $s-20;
font-size: $fs-11;
}
.locate-btn { .done-btn {
@extend .button-secondary; @extend .button-primary;
text-transform: uppercase; text-transform: uppercase;
padding: $s-8 $s-20; padding: $s-8 $s-20;
font-size: $fs-11; font-size: $fs-11;
} }
.done-btn {
@extend .button-primary; .close-btn {
text-transform: uppercase; @extend .button-tertiary;
padding: $s-8 $s-20; svg {
font-size: $fs-11; @extend .button-icon;
}
.close-btn {
@extend .button-tertiary;
svg {
@extend .button-icon;
}
} }
} }