CalvinBackup/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-03-12 21:36:39 +00:00
Code Issues Packages Projects Releases 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;
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]])))]]]))