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

message_row: Align content, not items.

Browse Source
This commit is contained in:
Karl Stolley
2025-07-30 12:39:14 -05:00
committed by Tim Abbott
parent 55cceeaca1
commit a07ed96526
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/styles/message_row.css
View File

@@ -88,7 +88,7 @@
.messagebox-content { .messagebox-content {
display: grid; display: grid;
align-items: baseline; align-content: baseline;
padding-left: 10px; padding-left: 10px;
/* Prevent the message column from overflowing the 1fr /* Prevent the message column from overflowing the 1fr
space allotted by specifying `minmax(0,1fr)`, which space allotted by specifying `minmax(0,1fr)`, which
@@ -125,10 +125,12 @@
.message_edit_notice { .message_edit_notice {
grid-area: edited; grid-area: edited;
align-self: center;
} }
.edit-notifications { .edit-notifications {
grid-area: edited; grid-area: edited;
align-self: center;
} }
.slow-send-spinner { .slow-send-spinner {
@@ -400,8 +402,9 @@
vertical-align: baseline; vertical-align: baseline;
/* A bit of margin here helps these not look associated with the name. */ /* A bit of margin here helps these not look associated with the name. */
margin-left: 4px; margin-left: 4px;
/* Unset the padding used on edited notices under the avatar. */ /* Unset the padding, align-self used on edited notices under the avatar. */
padding-right: 0; padding-right: 0;
align-self: unset;
&.hide { &.hide {
display: none; display: none;

3
web/styles/rendered_markdown.css
View File

@@ -568,13 +568,14 @@
timestamp when the first child of the rendered timestamp when the first child of the rendered
markdown is a horizontal rule, a media element, markdown is a horizontal rule, a media element,
or KaTeX. */ or KaTeX. */
/*
&:has(> hr:first-child), &:has(> hr:first-child),
&:has(> .message-thumbnail-gallery:first-child), &:has(> .message-thumbnail-gallery:first-child),
&:has(> p:first-child > audio), &:has(> p:first-child > audio),
&:has(> p:first-child > .katex-display) { &:has(> p:first-child > .katex-display) {
align-self: center; align-self: center;
} }
*/
/* But for browsers that don't support :has(), /* But for browsers that don't support :has(),
we provide a small layout hack using an we provide a small layout hack using an
inline grid. */ inline grid. */