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

compose: Size help-button icon to match other formatting buttons.

Browse Source 
Because button sizes are precisely specified in the area, we set
the buttons as flex items that neither to grow or shrink, which
is essential to right-size the button area for the help button.
This commit is contained in:
Karl Stolley
2025-01-24 07:31:58 -06:00
committed by Tim Abbott
parent 1d7076a534
commit 7111d429e6
1 changed files with 3 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/styles/compose.css
View File

@@ -1315,6 +1315,9 @@ textarea.new_message_textarea {
height: 1.2727em;
/* 30px at 22px/1em */
width: 1.3636em;
/* Adhere to the width of formatting buttons,
despite flexbox context. */
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
@@ -1377,18 +1380,6 @@ textarea.new_message_textarea {
position: relative;
top: 0.7px;
}
.compose_help_button {
/* 20px at 16px/1em */
font-size: 1.25em;
/* 32px at 20px/1em */
height: 1.6em;
/* 34.2833 at 20px/1em */
width: 1.7142em;
/* Adhere to the width of this button,
despite flexbox context. */
flex: 0 0 auto;
}
}
.less-dense-mode {