paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-30 19:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

message_row: Better target first children.

Browse Source
This commit is contained in:
Karl Stolley
2025-04-02 08:28:51 -04:00
committed by Tim Abbott
parent f145d5738e
commit 46b33f0d26
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
web/styles/message_row.css
View File

@@ -156,6 +156,16 @@
position: relative;
overflow: hidden;
/* For the sake of paragraphs and lists that include
links, we adjust the vertical space here to keep
it uniform. */
&:has(> p:first-child, > ol:first-child, > ul:first-child) {
padding-top: calc(
var(--message-box-markdown-aligned-vertical-space) -
var(--message-box-link-focus-ring-block-padding)
);
}
&:empty {
display: none;
}
@@ -381,16 +391,6 @@
grid-area: message;
}
/* For the sake of paragraphs and lists that include
links, we adjust the vertical space here to keep
it uniform. */
.message_content:has(p:first-child, ol:first-child, ul:first-child) {
padding-top: calc(
var(--message-box-markdown-aligned-vertical-space) -
var(--message-box-link-focus-ring-block-padding)
);
}
.slow-send-spinner {
align-self: center;
position: unset;

6
web/styles/rendered_markdown.css
View File

@@ -23,9 +23,9 @@
/* To avoid cutting off the focus ring on links, we set
padding on first children most likely to take links.
We account for this extra space on `.message_content`. */
& p:first-child,
& ul:first-child,
& ol:first-child {
& > p:first-child,
& > ul:first-child,
& > ol:first-child {
padding-top: var(--message-box-link-focus-ring-block-padding);
}