Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -05:00
Code Issues Activity

🐛 Fix broken layout in some form fields

Browse source
This commit is contained in:
Andrés Moya 2020-06-11 13:05:23 +02:00 • committed by Andrey Antukh
parent 7b44f34b32
commit 5791a98c1c
4 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/resources/styles/main/partials/forms.scss
View file

@ -31,6 +31,10 @@ textarea {
// flex-basis: 368px; // flex-basis: 368px;
} }
.field {
margin-bottom: 20px;
}
h1 { h1 {
font-size: $fs36; font-size: $fs36;
color: #2C233E; color: #2C233E;
@ -79,12 +83,9 @@ textarea {
} }
} }
.custom-input { .custom-input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 20px;
label { label {
font-size: $fs10; font-size: $fs10;
@ -179,7 +180,6 @@ textarea {
.custom-select { .custom-select {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: $big;
position: relative; position: relative;
label { label {

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

@ -562,6 +562,8 @@
.orientation-icon { .orientation-icon {
margin-left: $small; margin-left: $small;
display: flex;
align-items: center;
svg { svg {
cursor: pointer; cursor: pointer;

4
frontend/src/uxbox/main/ui/components/forms.cljs
View file

@ -66,7 +66,7 @@
:type @type') :type @type')
(obj/clj->props))] (obj/clj->props))]
[:div.custom-input [:div.field.custom-input
[:div.input-container {:class klass} [:div.input-container {:class klass}
[:div.main-content [:div.main-content
(when-not (str/empty? value) (when-not (str/empty? value)
@ -102,7 +102,7 @@
cvalue (d/seek #(= value (:value %)) options) cvalue (d/seek #(= value (:value %)) options)
on-change (fm/on-input-change form name)] on-change (fm/on-input-change form name)]
[:div.custom-select [:div.field.custom-select
[:select {:value value [:select {:value value
:on-change on-change} :on-change on-change}
(for [item options] (for [item options]

2
frontend/src/uxbox/main/ui/workspace/sidebar/options/frame.cljs
View file

@ -75,7 +75,7 @@
[:div.element-set-content [:div.element-set-content
[:div.row-flex [:div.row-flex.center
[:div.presets.custom-select.flex-grow {:on-click #(reset! show-presets-dropdown? true)} [:div.presets.custom-select.flex-grow {:on-click #(reset! show-presets-dropdown? true)}
[:span (tr "workspace.options.size-presets")] [:span (tr "workspace.options.size-presets")]
[:span.dropdown-button i/arrow-down] [:span.dropdown-button i/arrow-down]