From 6614eebc9db8313120ac1bf28c1af2d1da444a6c Mon Sep 17 00:00:00 2001 From: fabienSvstr Date: Mon, 15 Jan 2024 09:14:29 +0100 Subject: [PATCH] update outline not visible on focus --- client/src/theme/components/inputs.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/client/src/theme/components/inputs.scss b/client/src/theme/components/inputs.scss index 37e273df00a..7b8ad4d6144 100644 --- a/client/src/theme/components/inputs.scss +++ b/client/src/theme/components/inputs.scss @@ -6,10 +6,13 @@ display: flex; flex-direction: column; gap: 0.5rem; + position: relative; + z-index: 10; + padding: 0.25rem; } .input-item { - display: flex; + display: inline-flex; --background: var(--parsec-color-light-secondary-white); background: var(--parsec-color-light-secondary-white); flex-grow: 1; @@ -21,11 +24,13 @@ color: var(--parsec-color-light-primary-800); padding-left: 1rem; transition: all 0.2s ease-in-out; + position: relative; &:focus-within { border: 1px solid var(--parsec-color-light-primary-400); --background: var(--parsec-color-light-secondary-white); outline: 0.25rem solid var(--parsec-color-light-outline); + } }