Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -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]]
[rumext.v2 :as mf]))
(def ^:private flatten-icon
(i/icon-xref :boolean-flatten-refactor (stl/css :flatten-icon)))
(mf/defc bool-options
[]
(let [selected (mf/deref refs/selected-objects)
@ -86,9 +89,9 @@
[:button
{:title (tr "workspace.shape.menu.flatten")
:class (stl/css-case
:flatten true
:flatten-button true
:disabled disabled-flatten)
:disabled disabled-flatten
: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;
}
.flatten {
.flatten-button {
@extend .button-tertiary;
height: $s-28;
width: $s-28;
height: $s-32;
width: $s-32;
border-radius: $br-8;
svg {
@extend .button-icon;
stroke: var(--icon-foreground);
}
--flatten-icon-foreground-color: var(--icon-foreground);
&.disabled {
cursor: default;
svg {
stroke: var(--button-foreground-color-disabled);
}
--flatten-icon-foreground-color: var(--button-foreground-color-disabled);
&:hover {
background-color: var(--panel-background-color);
svg {
stroke: var(--button-foreground-color-disabled);
}
--flatten-icon-foreground-color: var(--button-foreground-color-disabled);
}
}
}
.flatten-icon {
@extend .button-icon;
stroke: var(--flatten-icon-foreground-color);
}
.boolean-radio-btn {
background-color: transparent;
}