diff options
author | vanadiae <vanadiae35@gmail.com> | 2021-07-20 14:13:40 +0200 |
---|---|---|
committer | Florian Müllner <fmuellner@gnome.org> | 2021-08-18 01:48:31 +0200 |
commit | ab1c7fae7e7d597870868bcc33ca0f16a29461e6 (patch) | |
tree | 5a6b02d49df455577a78f6c1ccef8b87c04f51ea | |
parent | d42044cd44427d3ca6d7151e780c61bc6480a175 (diff) | |
download | gnome-shell-sass-ab1c7fae7e7d597870868bcc33ca0f16a29461e6.tar.gz |
theme: Add focus indication for dnd switch in message list controls
It currently is difficult to see what's being focused in the messages list
currently because of that.
Fixes #2447
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1920>
-rw-r--r-- | widgets/_message-list.scss | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/widgets/_message-list.scss b/widgets/_message-list.scss index 02d122b..bb9239f 100644 --- a/widgets/_message-list.scss +++ b/widgets/_message-list.scss @@ -25,6 +25,20 @@ // NOTE: remove the padding if notification_bubble could remove margin for drop shadow padding: $base_margin; spacing: $base_spacing * 2; + + .dnd-button { + // We need this because the focus outline isn't inset like for the buttons + // so the dnd button would grow when it gets focus if we didn't change only + // its color when focusing. + border-width: 2px; + border-color: transparent; + border-radius: 99px; + border-style: solid; + + &:focus { + border-color: transparentize($selected_bg_color, 0.4); + } + } } // message bubbles |