diff --git a/front/core/components/field/style.scss b/front/core/components/field/style.scss index 399122b1d..ceaeda40a 100644 --- a/front/core/components/field/style.scss +++ b/front/core/components/field/style.scss @@ -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; diff --git a/front/salix/components/layout/style.scss b/front/salix/components/layout/style.scss index aa35f8d14..36522bc3a 100644 --- a/front/salix/components/layout/style.scss +++ b/front/salix/components/layout/style.scss @@ -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;