Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

message_controls: Make click area for icons more uniform. 

Previously user have to click pixel perfect on the message controls
icons to achieve the click action.

This commit will uniformly increases the click target
area for the icons.

Tweaked by tabbott to avoid some weird glitches.
This commit is contained in:
SiddharthVarshney 2020-07-04 05:43:10 +05:30 committed by Tim Abbott
parent d0fd0cae3f
commit 1ea9e2841c
1 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/styles/zulip.scss
View File

@ -594,7 +594,7 @@ td.pointer {
} }
.message_controls { .message_controls {
top: -3px; top: -5px;
} }
.message_top_line { .message_top_line {
@ -674,8 +674,10 @@ td.pointer {
.message_controls { .message_controls {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 1px; top: -1px;
right: -56px; right: -56px;
width: 54px;
height: 22px;
z-index: 1; z-index: 1;
// This is a bit tricky; we need to reserve space for the message // This is a bit tricky; we need to reserve space for the message
@ -687,7 +689,12 @@ td.pointer {
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transition: all 0.2s ease; transition: all 0.2s ease;
padding: 0px 1px; width: 16px;
text-align: center;
> i {
vertical-align: middle;
}
} }
> .reaction_button { > .reaction_button {
@ -2761,17 +2768,15 @@ select.inline_select_topic_edit {
left: -3px; left: -3px;
} }
/* In mobile views we place it just to the right of the time element */
.message_controls { .message_controls {
width: 56px;
right: 40px; right: 40px;
top: 0px;
} }
.include-sender .message_controls { .include-sender .message_controls {
background: none !important; background: none !important;
padding: none !important; padding: none !important;
border: none !important; border: none !important;
top: -3px;
} }
.message_time { .message_time {