Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-04 21:38:53 -05:00
Code Issues Activity

🐛 Fix description title on feedback

Browse source
This commit is contained in:
Eva 2024-01-16 16:59:26 +01:00 • committed by Alonso Torres
parent 827609db79
commit 0370e8083a
2 changed files with 23 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/app/main/ui/components/forms.cljs
View file

@ -202,17 +202,15 @@
:on-change on-change) :on-change on-change)
(obj/clj->props))] (obj/clj->props))]
[:div.custom-input [:div {:class (dm/str klass " " (stl/css :textarea-wrapper))}
{:class klass} [:label {:class (stl/css :textarea-label)} label]
[:*
[:label label]
[:> :textarea props] [:> :textarea props]
(cond (cond
(and touched? (:message error)) (and touched? (:message error))
[:span.error (tr (:message error))] [:span {:class (stl/css :error)} (tr (:message error))]
(string? hint) (string? hint)
[:span.hint hint])]])) [:span {:class (stl/css :hint)} hint])]))
(mf/defc select (mf/defc select
[{:keys [options disabled form default] :as props [{:keys [options disabled form default] :as props

27
frontend/src/app/main/ui/components/forms.scss
View file

@ -72,7 +72,6 @@
} }
} }
} }
&.valid .help-icon, &.valid .help-icon,
&.invalid .help-icon { &.invalid .help-icon {
right: $s-40; right: $s-40;
@ -98,6 +97,7 @@
height: $s-16; height: $s-16;
} }
} }
.invalid-icon { .invalid-icon {
width: $s-16; width: $s-16;
height: $s-16; height: $s-16;
@ -261,7 +261,6 @@
} }
// MULTI INPUT // MULTI INPUT
.custom-multi-input { .custom-multi-input {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -338,19 +337,9 @@
} }
} }
} }
&.empty {
}
&.invalid {
}
&.focus {
}
&.valid {
}
} }
// RADIO BUTTONS // RADIO BUTTONS
.custom-radio { .custom-radio {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
@ -410,3 +399,17 @@
border: $s-1 solid var(--input-border-color-active); border: $s-1 solid var(--input-border-color-active);
} }
} }
//TEXTAREA
.textarea-label {
@include tabTitleTipography;
color: var(--modal-title-foreground-color);
text-transform: uppercase;
margin-bottom: $s-8;
}
.textarea-wrapper {
display: grid;
grid-template-rows: auto 1fr;
}