mirror of
https://github.com/lensapp/lens.git
synced 2025-05-20 05:10:56 +00:00
Fixing hover effect in inputs
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
parent
90c67f9a16
commit
386c6a3a4d
@ -136,10 +136,15 @@
|
|||||||
border-color: var(--inputControlBorder);
|
border-color: var(--inputControlBorder);
|
||||||
color: var(--textColorTertiary);
|
color: var(--textColorTertiary);
|
||||||
padding: $padding;
|
padding: $padding;
|
||||||
|
transition: border-color 0.1s;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
border-color: var(--inputControlHoverBorder);
|
border-color: var(--inputControlHoverBorder);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&:focus-within {
|
||||||
|
border-color: $colorInfo;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -213,6 +213,7 @@ html {
|
|||||||
:hover {
|
:hover {
|
||||||
&.Select__control {
|
&.Select__control {
|
||||||
box-shadow: 0 0 0 1px var(--inputControlHoverBorder);
|
box-shadow: 0 0 0 1px var(--inputControlHoverBorder);
|
||||||
|
transition: box-shadow 0.1s;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user