Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-15 00:12:33 -05:00
Code Issues Activity

🐛 Fix radio buttons UI for boolean operations

Browse source
This commit is contained in:
Belén Albeza 2024-02-20 13:00:54 +01:00
parent f1e12015d6
commit 4097dec5a4
3 changed files with 15 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/app/main/ui/components/radio_buttons.scss
View file

@ -21,7 +21,6 @@
flex-grow: 1;
border-radius: $s-8;
box-sizing: border-box;
border: $s-2 solid var(--radio-btn-border-color);
input {
display: none;
}

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

@ -85,13 +85,11 @@
:title (str (tr "exclude") " (" (sc/get-tooltip :bool-exclude) ")")
:id "bool-opt-exclude"}]]]
[:div {:class (stl/css :bool-group)}
[:button
{:title (tr "workspace.shape.menu.flatten")
:class (stl/css-case
:flatten-button true
:disabled disabled-flatten)
:disabled disabled-flatten
:on-click flatten-objects}
flatten-icon]]])))
[:button
{:title (tr "workspace.shape.menu.flatten")
:class (stl/css-case
:flatten-button true
:disabled disabled-flatten)
:disabled disabled-flatten
:on-click flatten-objects}
flatten-icon]])))

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

@ -7,15 +7,16 @@
@import "refactor/common-refactor.scss";
.boolean-options {
display: flex;
gap: $s-4;
display: grid;
grid-template-columns: repeat(8, $s-28);
column-gap: $s-4;
height: $s-32;
margin: 0 calc(-1 * $s-2);
}
.bool-group {
display: flex;
align-items: center;
display: grid;
grid-template-columns: subgrid;
grid-column: 1 / span 4;
}
.flatten-button {
@ -23,6 +24,7 @@
height: $s-32;
width: $s-32;
border-radius: $br-8;
grid-column: 5 / span 1;
--flatten-icon-foreground-color: var(--icon-foreground);
&.disabled {