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

View File

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

View File

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