Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

message_ui: Prevent action buttons from hiding on recipient bar focus. 

Added `visibility` CSS with `:focus-within` pseudo-class to
the recipient bar. This keeps the action button visibility
consistent with the action UIs - topic editing UI and notification
menu.

Fixes part of #26852.

Co-authored by: ecxtacy <dc.dhruvchouhan@gmail.com>
This commit is contained in:
whilstsomebody 2024-11-03 20:14:29 +05:30
parent ae056d3513
commit db0445aa81
2 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
web/styles/message_header.css
View File

@ -80,6 +80,11 @@
visibility: hidden; visibility: hidden;
} }
/* When any of the actions are focused, don't hide them */
.recipient_bar_controls:focus-within {
visibility: visible;
}
/* Show the bar controls on hover and when the bar is sticky */ /* Show the bar controls on hover and when the bar is sticky */
&:hover { &:hover {
.recipient_bar_controls { .recipient_bar_controls {

1
web/styles/zulip.css
View File

@ -901,6 +901,7 @@ div.focused-message-list.is-conversation-view .recipient_row {
.topic_edit { .topic_edit {
display: none; display: none;
line-height: 22px; line-height: 22px;
visibility: visible;
.alert { .alert {
display: inline-block; display: inline-block;