3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-05-30 16:06:10 +02:00
Code Issues Projects Releases Packages Wiki 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
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; cursor: pointer;
font-size: $fs14; font-size: $fs14;
display: flex; display: flex;
justify-content: start;
padding: $size-2; padding: $size-2;
span { span {
color: $color-gray-20; 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) { &.dropdown-separator:not(:last-child) {
@ -375,11 +387,8 @@
& li.checked-element { & li.checked-element {
padding-left: 0; padding-left: 0;
display: flex;
justify-content: space-around;
& span { & span {
margin: 0;
color: $color-black; color: $color-black;
} }

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

@ -172,5 +172,5 @@
{:key (str (:id @state) "-" index) {:key (str (:id @state) "-" index)
:class (when (= (str value) (-> @state :current-value)) "is-selected") :class (when (= (str value) (-> @state :current-value)) "is-selected")
:on-click (select-item value)} :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]])))]]]))