From ba61ea17b62c4bcccc1b8d0ce8da9a99c9ce2110 Mon Sep 17 00:00:00 2001 From: chapoi <101828855+chapoi@users.noreply.github.com> Date: Mon, 20 Nov 2023 13:45:59 +0100 Subject: [PATCH] UX: Revert grey search inputs (#24459) * UX: search menu undo background * UX: undo cmd-k bg + add focus --- app/assets/stylesheets/common/base/search-menu.scss | 3 ++- .../assets/stylesheets/common/chat-message-creator.scss | 7 ++++++- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/common/base/search-menu.scss b/app/assets/stylesheets/common/base/search-menu.scss index 232f2911d02..d14ddafe76e 100644 --- a/app/assets/stylesheets/common/base/search-menu.scss +++ b/app/assets/stylesheets/common/base/search-menu.scss @@ -24,7 +24,8 @@ $search-pad-horizontal: 0.5em; position: relative; display: flex; align-items: center; - background: var(--secondary-very-high); + background: var(--secondary); + border: 1px solid var(--primary-400); border-radius: var(--d-input-border-radius); margin: 1px; padding: 0.25rem; diff --git a/plugins/chat/assets/stylesheets/common/chat-message-creator.scss b/plugins/chat/assets/stylesheets/common/chat-message-creator.scss index be1778b571c..65ec1aa51f0 100644 --- a/plugins/chat/assets/stylesheets/common/chat-message-creator.scss +++ b/plugins/chat/assets/stylesheets/common/chat-message-creator.scss @@ -235,12 +235,17 @@ .chat-message-creator__search-input { display: flex; align-items: center; - background: var(--secondary-very-high); + border: 1px solid var(--primary-400); width: 100%; box-sizing: border-box; height: 42px; padding: 0 0.5rem; + &:focus, + &:focus-within { + @include default-focus(); + } + &-container { display: flex; flex-grow: 1;