From f7efc033e1c52447204543924893c0a08829aac3 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 15 Jan 2025 01:28:18 +0200 Subject: [PATCH] style(next): fix broken states on textareas --- src/public/stylesheets/theme-next/forms.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/public/stylesheets/theme-next/forms.css b/src/public/stylesheets/theme-next/forms.css index 9102d54de..bf3cfe7b6 100644 --- a/src/public/stylesheets/theme-next/forms.css +++ b/src/public/stylesheets/theme-next/forms.css @@ -12,7 +12,8 @@ input:not([type]), input[type="text"], input[type="number"], input[type="password"], -.form-control { +textarea.form-control, +textarea { outline: 3px solid transparent; outline-offset: 6px; border: unset; @@ -24,7 +25,8 @@ input:not([type]):hover, input[type="text"]:hover, input[type="number"]:hover, input[type="password"]:hover, -.form-control:hover { +textarea.form-control:hover, +textarea:hover { background: var(--input-hover-background); color: var(--input-hover-color); } @@ -33,7 +35,8 @@ input:not([type]):focus, input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, -.form-control:focus { +textarea.form-control:focus, +textarea:focus { box-shadow: unset; outline: 3px solid var(--input-focus-outline-color); outline-offset: 0;