Fix fieldset and number input display

This commit is contained in:
Alice Gaudon 2021-11-09 18:34:01 +01:00
parent a4e48eb174
commit 4a99a5acf5

View File

@ -141,8 +141,15 @@
outline-offset: 0; outline-offset: 0;
} }
&:not(.empty), select ~, [type="file"] ~, [type="color"] ~, .focused ~, :focus ~ { &:not(.empty),
.sections label { select ~,
[type="file"] ~,
[type="color"] ~,
[type="number"] ~,
.focused ~,
:focus ~,
fieldset {
.sections label, legend, .time-input label {
top: 8px; top: 8px;
font-size: 14px; font-size: 14px;
} }
@ -176,8 +183,8 @@
& + :global(.feather) { & + :global(.feather) {
position: absolute; position: absolute;
pointer-events: none; pointer-events: none;
right: 8px; right: 0;
top: 30px; top: 0;
transition: transform 150ms ease-out; transition: transform 150ms ease-out;
} }
@ -223,6 +230,7 @@
input, input,
select, select,
select, select,
fieldset,
.form-display, .form-display,
.textarea-growing-wrapper, .textarea-growing-wrapper,
.textarea-growing-wrapper:after, .textarea-growing-wrapper:after,
@ -321,7 +329,14 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: start; align-items: start;
margin: 16px auto; width: 100%;
margin: 0;
padding-top: 8px;
border: 0;
legend {
padding: 8px;
}
.time-input { .time-input {
position: relative; position: relative;
@ -333,10 +348,6 @@
} }
} }
> :not(.form-field) {
padding: 32px 8px 8px 8px;
}
+ { + {
.error, .hint { .error, .hint {
margin-top: -16px; margin-top: -16px;