Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-25 07:58:49 -05:00
Code Issues Activity

🐛 Fix alignment inside dropdown

Browse source
This commit is contained in:
Eva 2023-01-17 11:48:18 +01:00 • committed by Alonso Torres
parent 03b3b441b5
commit b2d8f807f9
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontend/resources/styles/main/partials/sidebar-element-options.scss
View file

@ -348,11 +348,23 @@
cursor: pointer;
font-size: $fs14;
display: flex;
justify-content: start;
padding: $size-2;
span {
color: $color-gray-20;
margin-left: auto;
display: flex;
justify-content: start;
align-items: center;
&:not(:first-child) {
margin-left: 10px;
}
}
.check-icon {
min-width: 25px;
color: $color-gray-20;
justify-content: center;
}
&.dropdown-separator:not(:last-child) {
@ -375,11 +387,8 @@
& li.checked-element {
padding-left: 0;
display: flex;
justify-content: space-around;
& span {
margin: 0;
color: $color-black;
}

4
frontend/src/app/main/ui/components/editable_select.cljs
View file

@ -172,5 +172,5 @@
{:key (str (:id @state) "-" index)
:class (when (= (str value) (-> @state :current-value)) "is-selected")
:on-click (select-item value)}
[:span.checked-element-value label]
[:span.check-icon i/tick]])))]]]))
[:span.check-icon i/tick]
[:span.checked-element-value label]])))]]]))