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

settings: Use box buttons for download and delete. 

Co-authored-by: Shashank Singh <shashanksingh@Shashanks-Air.mshome.net>
This commit is contained in:
Aman Agrawal 2024-07-01 17:37:23 +00:00 committed by Tim Abbott
parent cb1531b061
commit 621ae91c70
2 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
web/styles/settings.css
View File

@ -566,15 +566,24 @@ input[type="checkbox"] {
}
}
.remove-attachment {
margin-right: 5px !important;
font-size: 1.1em !important;
padding-left: 0 !important;
.edit-attachment-buttons {
display: inline-block;
vertical-align: middle;
height: 32px;
}
#download_attachment {
padding-left: 0;
border-left: 0;
.edit-attachment-buttons .remove-attachment {
margin-left: 5px;
}
.edit-attachment-buttons #download_attachment {
display: block;
padding: 6px 9px;
text-decoration: none;
&:hover {
color: hsl(156deg 41% 40%);
}
}
.remove-alert-word {

6
web/templates/settings/uploaded_files_list.hbs
View File

@ -20,14 +20,14 @@
<td class="upload-size" >{{ size_str }}</td>
<td class="actions">
<span class="edit-attachment-buttons">
<a type="submit" href="/user_uploads/{{path_id}}" class="btn no-style" title="{{t 'Download file' }}" id="download_attachment" download>
<a type="submit" href="/user_uploads/{{path_id}}" class="button rounded small sea-green tippy-zulip-delayed-tooltip" data-tippy-content="{{t 'Download' }}" id="download_attachment" download>
<i class="fa fa-download sea-green" aria-hidden="true"></i>
</a>
</span>
<span class="edit-attachment-buttons">
<button type="submit"
class="button small no-style remove-attachment"
title="{{t 'Delete file' }}" data-attachment="{{id}}">
class="button rounded small delete btn-danger remove-attachment tippy-zulip-delayed-tooltip"
data-tippy-content="{{t 'Delete' }}" data-attachment="{{id}}">
<i class="fa fa-trash-o" aria-hidden="true"></i>
</button>
</span>