From c0eae77b7ff0844dd63284f4de84097419f8d261 Mon Sep 17 00:00:00 2001 From: Olivia206 <olivia.simonet206@gmail.com> Date: Wed, 4 Oct 2023 14:29:29 +0200 Subject: [PATCH] fixed icon for search input --- assets/sass/_theme/design-system/search.sass | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/assets/sass/_theme/design-system/search.sass b/assets/sass/_theme/design-system/search.sass index 907ba6b9..995c8a67 100644 --- a/assets/sass/_theme/design-system/search.sass +++ b/assets/sass/_theme/design-system/search.sass @@ -85,10 +85,11 @@ &__form @include icon(search-inline, after) &::after + color: transparentize($color-text-alt, .4) padding-right: px2rem(2) position: fixed pointer-events: none - transform: translate(0,20%) + transform: translate(-2px,20%) z-index: 9 @include media-breakpoint-down(desktop) right: $spacing1 @@ -104,6 +105,10 @@ z-index: 6 @include media-breakpoint-down(desktop) margin-bottom: $spacing1 + &:focus, + &:focus-visible + border-bottom: 2px solid $color-text + outline: none &__button[type="button"] @include button-reset @include link($color-text) -- GitLab