Fix fieldset and number input display
This commit is contained in:
parent
a4e48eb174
commit
4a99a5acf5
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user