paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 04:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Highlight topic box on new-topic hover.

Browse Source
This commit is contained in:
Karl Stolley
2025-06-09 10:29:31 -05:00
committed by Tim Abbott
parent 0d357d3ecc
commit 0c7e445649
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/styles/compose.css
View File

@@ -1238,6 +1238,14 @@ textarea.new_message_textarea {
transition-property: background-color, border-color;
}
#recipient_box_clear_topic_button {
transition: var(--compose-muted-recipient-row-transition);
transition-delay: var(
--compose-muted-recipient-row-transition-delay
);
transition-property: color, background-color, opacity;
}
#compose-direct-recipient .pill {
transition: var(--compose-muted-recipient-row-transition);
transition-delay: var(
@@ -1288,15 +1296,6 @@ textarea.new_message_textarea {
}
&:hover {
.pill {
outline-color: transparent;
}
}
/* We don't want to trigger the recipient-box-wide hover
effects when someone is just hovering the new-topic
button. */
&:not(:has(#recipient_box_clear_topic_button:hover)):hover {
background-color: var(
--color-compose-recipient-box-background-color
);
@@ -1309,6 +1308,10 @@ textarea.new_message_textarea {
#stream_message_recipient_topic {
opacity: 1;
}
.pill {
outline-color: transparent;
}
}
#recipient_box_clear_topic_button:hover {