From bac386057a990200112b136674933b0220ac0ea8 Mon Sep 17 00:00:00 2001 From: ivarlovlie Date: Fri, 3 Jun 2022 00:27:12 +0200 Subject: refactor: Dont loose focus on search input when navigating results --- .../web-shared/src/styles/components/select-autocomplete.scss | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'apps/web-shared/src/styles/components') diff --git a/apps/web-shared/src/styles/components/select-autocomplete.scss b/apps/web-shared/src/styles/components/select-autocomplete.scss index 78a0fb0..d5360ff 100644 --- a/apps/web-shared/src/styles/components/select-autocomplete.scss +++ b/apps/web-shared/src/styles/components/select-autocomplete.scss @@ -38,7 +38,7 @@ Usage: codyhouse.co/license white-space: nowrap; margin-right: 1px; } - + input[type="text"] { width: auto; } @@ -67,7 +67,8 @@ Usage: codyhouse.co/license color: var(--color-contrast-low); } - &:focus-within { + &:focus-within, + .focus { background: var(--color-bg); box-shadow: inset 0 0 0 1px alpha(var(--color-contrast-lower), 0), 0px 0px 0px 1px var(--color-primary); outline: none; @@ -140,7 +141,8 @@ Usage: codyhouse.co/license background-color: alpha(var(--color-contrast-higher), 0.05); } - &:focus { + &:focus, + &.focus { outline: none; background-color: alpha(var(--color-primary), 0.12); } @@ -151,7 +153,8 @@ Usage: codyhouse.co/license padding-right: calc(1em + var(--space-sm)); @include fontSmooth; - &:focus { + &:focus, + .focus { background-color: var(--color-primary-dark); } -- cgit v1.3