adjust select box style
This commit is contained in:
parent
dc69034125
commit
cc53f417e8
|
@ -225,6 +225,7 @@ select {
|
||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
height: 30px;
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus {
|
&:focus {
|
||||||
border: var(--highlight) solid 1px;
|
border: var(--highlight) solid 1px;
|
||||||
|
@ -238,7 +239,7 @@ select {
|
||||||
content: "";
|
content: "";
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 40%;
|
top: 35%;
|
||||||
right: 7px;
|
right: 7px;
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
|
|
|
@ -53,6 +53,9 @@
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
transition: border-color 100ms ease-out;
|
transition: border-color 100ms ease-out;
|
||||||
|
&:hover {
|
||||||
|
border-color: var(--highlight);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue