Searchbar focus css fix
gitea/salix/pipeline/head This commit looks good Details

This commit is contained in:
Joan Sanchez 2021-11-19 10:18:54 +01:00
parent 9c5939b661
commit 6fdd752d63
2 changed files with 30 additions and 4 deletions

View File

@ -116,6 +116,7 @@
&:active,
&:valid {
box-shadow: 0 0 0 40px $color-bg-panel inset;
-webkit-text-fill-color: $color-primary-medium
}
}
}
@ -198,7 +199,7 @@
}
&.standout {
border-radius: 1px;
background-color: rgba(255, 255, 255, .1);
background-color: rgba(161, 161, 161, 0.1);
padding: 0 12px;
transition-property: background-color, color;
transition-duration: 200ms;
@ -208,6 +209,17 @@
& > .underline {
display: none;
}
& > .infix > .control > input {
&:-internal-autofill-selected {
&,
&:hover,
&:active,
&:valid {
box-shadow: 0 0 0 40px #474747 inset;
-webkit-text-fill-color: $color-font-dark
}
}
}
& > .infix > .control > * {
color: $color-font-dark;
@ -225,6 +237,17 @@
background-color: $color-font-dark;
& > .container {
& > .infix > .control > input {
&:-internal-autofill-selected {
&,
&:hover,
&:active,
&:valid {
box-shadow: 0 0 0 40px $color-font-dark inset;
-webkit-text-fill-color: $color-font-bg
}
}
}
& > .infix > .control > * {
color: $color-marginal;

View File

@ -23,9 +23,12 @@ vn-layout {
padding-right: 16px;
overflow: hidden;
& > .logo > img {
height: 32px;
display: block;
& > .logo {
outline: 0;
& > img {
height: 32px;
display: block;
}
}
& > .main-title {
font-size: 1.56rem;