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

compose_box: Maximize clickable area on send-later vdots.

Browse Source
This commit is contained in:
Karl Stolley
2023-11-14 09:09:13 -06:00
committed by Tim Abbott
parent 3201c7dfb5
commit 0c95772f4e
1 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
web/styles/compose.css
View File

@@ -1252,9 +1252,12 @@ textarea.new_message_textarea,
height: 28px;
/* Make the vdots appear to extend from
beneath the send button when an
interactive background is present. */
interactive background is present.
Compensatory padding for this negative
margin is handled on the vdots icon
below, so as to make for a maximum
clickable vdots area. */
margin-left: -4px;
padding: 0 0 0 4px;
border-radius: 0 4px 4px 0;
/* Flex items respect z-index values;
this is needed to keep the vdots
@@ -1277,14 +1280,14 @@ textarea.new_message_textarea,
@media (width < $sm_min) {
/* Drop to a square, rounded button. */
width: 30px;
padding: 0;
margin-left: 0;
border-radius: 4px;
}
.zulip-icon {
padding: 5px 3px;
padding: 5px 0 5px 4px;
font-size: 17px;
flex-grow: 1;
}
}