3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-29 04:46:12 +02:00
Code Issues Projects Releases Packages Wiki Activity

♻️ Fix some css errors

Browse source
This commit is contained in:
Eva Marco 2025-01-22 15:45:01 +01:00
parent 482cb26b1a
commit a667256be9
4 changed files with 8 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/app/main/ui/workspace/tokens/common.scss
View file

@ -19,20 +19,7 @@
} }
.labeled-input-error { .labeled-input-error {
border: 1px solid var(--status-color-error-500) !important; border: $s-1 solid var(--status-color-error-500) !important;
}
.button {
@extend .button-primary;
}
.action-button {
@extend .button-tertiary;
height: $s-32;
width: $s-28;
svg {
@extend .button-icon;
}
} }
.dropdown { .dropdown {

2
frontend/src/app/main/ui/workspace/tokens/modals/themes.scss
View file

@ -175,7 +175,7 @@
} }
.sets-list-wrapper { .sets-list-wrapper {
border: 1px solid color-mix(in hsl, var(--color-foreground-secondary) 30%, transparent); border: $s-1 solid color-mix(in hsl, var(--color-foreground-secondary) 30%, transparent);
border-radius: $s-8; border-radius: $s-8;
overflow-y: auto; overflow-y: auto;
} }

7
frontend/src/app/main/ui/workspace/tokens/sets_context_menu.cljs
View file

@ -29,10 +29,9 @@
(mf/defc menu-entry (mf/defc menu-entry
{::mf/props :obj} {::mf/props :obj}
[{:keys [title value on-click]}] [{:keys [title value on-click]}]
[:li [:li {:class (stl/css :context-menu-item)
{:class (stl/css :context-menu-item) :data-value value
:data-value value :on-click on-click}
:on-click on-click}
[:span {:class (stl/css :title)} title]]) [:span {:class (stl/css :title)} title]])
(mf/defc menu (mf/defc menu

11
frontend/src/app/main/ui/workspace/tokens/sets_context_menu.scss
View file

@ -4,6 +4,7 @@
// //
// Copyright (c) KALEIDOS INC // Copyright (c) KALEIDOS INC
@use "../../ds/typography.scss" as t;
@import "refactor/common-refactor.scss"; @import "refactor/common-refactor.scss";
.token-set-context-menu { .token-set-context-menu {
@ -21,14 +22,11 @@
background-color: var(--menu-background-color); background-color: var(--menu-background-color);
max-height: 100vh; max-height: 100vh;
overflow-y: auto; overflow-y: auto;
li {
@include bodySmallTypography;
color: var(--menu-foreground-color);
}
} }
.context-menu-item { .context-menu-item {
@include t.use-typography("body-small");
color: var(--menu-foreground-color);
display: flex; display: flex;
align-items: center; align-items: center;
height: $s-28; height: $s-28;
@ -39,8 +37,5 @@
&:hover { &:hover {
background-color: var(--menu-background-color-hover); background-color: var(--menu-background-color-hover);
.title {
color: var(--menu-foreground-color-hover);
}
} }
} }