From 0a9ae964fe3acad307127fc5d00018d49f68e55d Mon Sep 17 00:00:00 2001 From: Sayam Samal Date: Wed, 2 Oct 2024 14:47:55 +0530 Subject: [PATCH] send_later_popover: Improve on-focus styling of enter send choices. Previously, no custom styling was being applied to the enter send choice options, which led to uneven styling from the other popover options, as well as the outline ring being cut-off from the edges of the popover. This commit fixes these issues by adding custom styling for the outline ring when the enter send choice options are focused. --- web/styles/compose.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/web/styles/compose.css b/web/styles/compose.css index 1ec95b3081..ae137527fb 100644 --- a/web/styles/compose.css +++ b/web/styles/compose.css @@ -1071,6 +1071,13 @@ textarea.new_message_textarea { background: var(--color-background-active-popover-menu); } + &:focus-visible { + background: var(--color-background-hover-popover-menu); + border-radius: 4px; + outline: 1px solid var(--color-outline-focus) !important; + outline-offset: -1px; + } + & .enter_sends_choice_radio { width: auto; cursor: pointer;