From 5cea1b866ec3e6e8cf90e9f3c10ebc621b4e59b6 Mon Sep 17 00:00:00 2001 From: Alice Gaudon Date: Tue, 9 Nov 2021 18:00:52 +0100 Subject: [PATCH] Fix Field textarea element position and size --- src/assets/views/utils/Field.svelte | 31 +++++++++++++++++------------ 1 file changed, 18 insertions(+), 13 deletions(-) diff --git a/src/assets/views/utils/Field.svelte b/src/assets/views/utils/Field.svelte index f0a9671..06840c1 100644 --- a/src/assets/views/utils/Field.svelte +++ b/src/assets/views/utils/Field.svelte @@ -159,19 +159,6 @@ height: 60px; } - .has-icon { - input, - select, - select, - textarea, - .form-display, - .textarea-growing-wrapper, - .textarea-growing-wrapper:after { - margin-left: -60px; - padding-left: 68px; - } - } - select { position: relative; -webkit-appearance: none; @@ -230,6 +217,24 @@ } } + .has-icon { + input, + select, + select, + textarea, + .form-display, + .textarea-growing-wrapper, + .textarea-growing-wrapper:after { + margin-left: -60px; + padding-left: 68px; + } + + textarea { + margin-left: -68px; + width: calc(100% + 68px); + } + } + input[type=color] { height: calc(32px + 8px + 32px); }