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

app_components: Convert "overlay_message_controls" div to flexbox. 

Previously, the icons were spaced by hardcoded values of margins
and would require changes everytime a new icon is added.
This commit is contained in:
Satyam Bansal 2023-06-10 00:12:03 +05:30 committed by Tim Abbott
parent b4be3f6266
commit e4048de0a9
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
web/styles/app_components.css
View File

@ -1035,7 +1035,10 @@ div.overlay {
} }
.overlay_message_controls { .overlay_message_controls {
display: inline-block; display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 0.9em; font-size: 0.9em;
[data-tippy-root] { [data-tippy-root] {
@ -1045,7 +1048,6 @@ div.overlay {
.restore-overlay-message { .restore-overlay-message {
cursor: pointer; cursor: pointer;
margin-right: 5px;
color: hsl(170deg 48% 54%); color: hsl(170deg 48% 54%);
opacity: 0.7; opacity: 0.7;
@ -1056,7 +1058,6 @@ div.overlay {
.delete-overlay-message { .delete-overlay-message {
cursor: pointer; cursor: pointer;
margin-left: 5px;
color: hsl(357deg 52% 57%); color: hsl(357deg 52% 57%);
opacity: 0.7; opacity: 0.7;