Fix input hint and errors display
This commit is contained in:
parent
f70112e956
commit
16895e52e8
@ -349,15 +349,17 @@ form {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
.form-field {
|
.form-field {
|
||||||
position: relative;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin: 16px auto;
|
margin: 16px auto;
|
||||||
|
|
||||||
|
.control {
|
||||||
|
position: relative;
|
||||||
background: $inputBackground;
|
background: $inputBackground;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
overflow: hidden;
|
}
|
||||||
|
|
||||||
> .feather.icon {
|
.feather.icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
right: 8px;
|
right: 8px;
|
||||||
@ -447,7 +449,8 @@ form {
|
|||||||
height: calc(32px + 8px + 32px);
|
height: calc(32px + 8px + 32px);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.inline {
|
&.inline .control {
|
||||||
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user