Fix invalid inline input confirm border
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
02de67773c
commit
e744b029ff
|
@ -248,6 +248,11 @@ input {
|
||||||
|
|
||||||
/* only show confirm borders if input is not focused */
|
/* only show confirm borders if input is not focused */
|
||||||
&:not(:active):not(:hover):not(:focus){
|
&:not(:active):not(:hover):not(:focus){
|
||||||
|
&:invalid {
|
||||||
|
+ .icon-confirm {
|
||||||
|
border-color: var(--color-error);
|
||||||
|
}
|
||||||
|
}
|
||||||
+ .icon-confirm {
|
+ .icon-confirm {
|
||||||
&:active,
|
&:active,
|
||||||
&:hover,
|
&:hover,
|
||||||
|
@ -263,11 +268,6 @@ input {
|
||||||
&:active,
|
&:active,
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
&:invalid {
|
|
||||||
+ .icon-confirm {
|
|
||||||
border-color: var(--color-error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
+ .icon-confirm {
|
+ .icon-confirm {
|
||||||
border-color: var(--color-primary-element) !important;
|
border-color: var(--color-primary-element) !important;
|
||||||
border-left-color: transparent !important;
|
border-left-color: transparent !important;
|
||||||
|
|
Loading…
Reference in New Issue