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

message_row: Use equal top/bottom padding in message content.

Browse Source 
We had the `3px 0 1px` padding before migration to use grid,
then I switched it to use `4px 0 1px` since we were planning to
use blue box border which seemed to have helped that case.

Since we switched to using outline for blue box, it makes sense
to just use equal padding.
This commit is contained in:
Aman Agrawal
2023-05-23 02:37:50 +00:00
committed by Tim Abbott
parent df8a434424
commit dc6099d656
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/styles/message_row.css
View File

@@ -242,12 +242,19 @@ $time_column_max_width: 150px;
.message_content {
grid-row-start: 1;
grid-column-start: 2;
padding: 4px 0 1px;
/*
Space between two single line messages in a paragraph is 10px.
There is 3px margin above and below a message. So, having a 2px
padding above and below the message will make the space between
all single paragraphs the same.
*/
padding: 2px 0;
}
.message_reactions {
grid-row-start: 4;
grid-column-start: 2;
margin-top: -1px;
}
.message_edit {

2
web/styles/zulip.css
View File

@@ -1243,7 +1243,7 @@ td.pointer {
.messagebox {
border-radius: 0 0 7px 7px;
padding-bottom: 5px;
padding-bottom: 4px;
}
}