mirror of
https://github.com/PaiGramTeam/luoxu-api-pub.git
synced 2024-11-22 07:08:05 +00:00
input borders order and collapse
This commit is contained in:
parent
bfbfe81c08
commit
b011303660
@ -257,6 +257,11 @@
|
|||||||
|
|
||||||
#searchbox {
|
#searchbox {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
margin-left: 1px;
|
||||||
|
}
|
||||||
|
#searchbox > :global(*) {
|
||||||
|
/* make borders collapse */
|
||||||
|
margin-left: -1px;
|
||||||
}
|
}
|
||||||
#searchbox input[type="search"] {
|
#searchbox input[type="search"] {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
@ -297,6 +302,8 @@
|
|||||||
:global(select:focus) {
|
:global(select:focus) {
|
||||||
border-color: var(--color-active);
|
border-color: var(--color-active);
|
||||||
outline: 1px solid var(--color-active);
|
outline: 1px solid var(--color-active);
|
||||||
|
/* make focus border topmost */
|
||||||
|
z-index: 10;
|
||||||
}
|
}
|
||||||
:global(:root) {
|
:global(:root) {
|
||||||
--color-inactive: #bfbfbf;
|
--color-inactive: #bfbfbf;
|
||||||
|
Loading…
Reference in New Issue
Block a user