Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-03 21:09:00 -05:00
Code Issues Activity

🐛 Fix boolean flatten icon size

Browse source
This commit is contained in:
Belén Albeza 2024-02-14 11:37:05 +01:00 • committed by Andrey Antukh
parent 26699de71b
commit ee8cdfc7d3
2 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.cljs
View file

@ -17,6 +17,9 @@
[app.util.i18n :as i18n :refer [tr]] [app.util.i18n :as i18n :refer [tr]]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
(def ^:private flatten-icon
(i/icon-xref :boolean-flatten-refactor (stl/css :flatten-icon)))
(mf/defc bool-options (mf/defc bool-options
[] []
(let [selected (mf/deref refs/selected-objects) (let [selected (mf/deref refs/selected-objects)
@ -86,9 +89,9 @@
[:button [:button
{:title (tr "workspace.shape.menu.flatten") {:title (tr "workspace.shape.menu.flatten")
:class (stl/css-case :class (stl/css-case
:flatten true :flatten-button true
:disabled disabled-flatten) :disabled disabled-flatten)
:disabled disabled-flatten :disabled disabled-flatten
:on-click flatten-objects} :on-click flatten-objects}
i/boolean-flatten-refactor]]]))) flatten-icon]]])))

26
frontend/src/app/main/ui/workspace/sidebar/options/menus/bool.scss
View file

@ -18,29 +18,29 @@
align-items: center; align-items: center;
} }
.flatten { .flatten-button {
@extend .button-tertiary; @extend .button-tertiary;
height: $s-28; height: $s-32;
width: $s-28; width: $s-32;
border-radius: $br-8; border-radius: $br-8;
svg { --flatten-icon-foreground-color: var(--icon-foreground);
@extend .button-icon;
stroke: var(--icon-foreground);
}
&.disabled { &.disabled {
cursor: default; cursor: default;
svg { --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
&:hover { &:hover {
background-color: var(--panel-background-color); background-color: var(--panel-background-color);
svg { --flatten-icon-foreground-color: var(--button-foreground-color-disabled);
stroke: var(--button-foreground-color-disabled);
}
} }
} }
} }
.flatten-icon {
@extend .button-icon;
stroke: var(--flatten-icon-foreground-color);
}
.boolean-radio-btn { .boolean-radio-btn {
background-color: transparent; background-color: transparent;
} }