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

css: Introduce padded vdots for send later.

Browse Source 
This uses eyeballed vertical padding on the nested .zulip-icon class
to ensure that the entire send-later button area is clickable (and
not merely hoverable).
This commit is contained in:
Karl Stolley
2023-04-27 12:43:08 -05:00
committed by Tim Abbott
parent 4f2417cfc4
commit d9654f4f0a
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/styles/compose.css
View File

@@ -862,10 +862,11 @@ a.compose_control_button.hide {
padding: 0;
margin: 0;
.fa {
padding: 4.5px 4px;
.zulip-icon {
vertical-align: middle;
&::before {
padding: 5px 9px;
position: relative;
top: -1px;
}

2
web/templates/compose.hbs
View File

@@ -128,7 +128,7 @@
<span>{{t 'Schedule' }}</span>
</button>
<button class="animated-purple-button message-control-button" id="send_later" tabindex=0 type="button" data-tippy-content="{{t 'Send later' }}">
<i class="fa fa-chevron-up"></i>
<i class="zulip-icon zulip-icon-ellipsis-v-solid"></i>
</button>
<template id="send-enter-tooltip-template">
{{t 'Send' }}