input borders order and collapse

This commit is contained in:
lilydjwg 2022-08-02 20:40:58 +08:00
parent bfbfe81c08
commit b011303660

View File

@ -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;