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

compose: Offset low-attention pill outlines.

Browse Source
This commit is contained in:
Karl Stolley
2025-08-29 14:23:39 -05:00
committed by Tim Abbott
parent 415f7610c9
commit 2fce6fa317
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/styles/compose.css
View File

@@ -1310,6 +1310,11 @@ textarea.new_message_textarea {
outline on them in the low-attention state. */ outline on them in the low-attention state. */
.pill { .pill {
outline: 1px solid var(--color-outline-low-attention-input-pill); outline: 1px solid var(--color-outline-low-attention-input-pill);
/* We offset the outline so that pills do not appear to touch,
especially in dark mode where the outline color is otherwise
the same as the pill color (the opacity makes it brighter
when so offset, too). */
outline-offset: -1px;
} }
&:hover:not(.disabled) { &:hover:not(.disabled) {