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

app_components: Convert "overlay_message_controls" div to flexbox.

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