diff options
author | Christoph Wurst <christoph@winzerhof-wurst.at> | 2018-10-09 18:15:30 +0300 |
---|---|---|
committer | Christoph Wurst <christoph@winzerhof-wurst.at> | 2018-10-10 11:05:07 +0300 |
commit | a94f7ccb80c8a04e8ffc7cee803adea70dd4bcb0 (patch) | |
tree | 383e422b047a4ccb4d1444daca44ae4892040943 /css | |
parent | e8d3464db3306e18d571cfcd37ecf98270442790 (diff) |
Post Marionette attachment code to Vue
Signed-off-by: Christoph Wurst <christoph@winzerhof-wurst.at>
Diffstat (limited to 'css')
-rwxr-xr-x | css/mail.scss | 89 |
1 files changed, 0 insertions, 89 deletions
diff --git a/css/mail.scss b/css/mail.scss index febe1e456..c7e53416e 100755 --- a/css/mail.scss +++ b/css/mail.scss @@ -444,95 +444,6 @@ input.submit-message, opacity: .5; } -.mail-message-attachments { - margin-bottom: 20px; -} -.mail-message-attachments .attachments > div { - position: relative; - display: inline-block; - border: 1px solid var(--color-border); - border-radius: 3px; - margin: 0 10px 10px 0; - padding: 5px; -} -.mail-message-attachments .attachments > div:hover, -.mail-message-attachments .attachments > div span:hover { - background-color: var(--color-background-dark); - cursor: pointer; -} -@media only screen and (max-width: 768px) { - .mail-message-attachments .attachments > div { - width: calc(100% - 5px); - } -} -@media only screen and (min-width: 769px) and (max-width: 1400px) { - .mail-message-attachments .attachments > div { - width: calc(50% - 10px); - } -} -@media only screen and (min-width: 1401px) { - .mail-message-attachments .attachments > div { - width: calc(33% - 12px); - } -} -.mail-message-attachments .mail-attached-image { - max-width: 100%; - max-height: 120px; -} -.attachment-save-to-cloud, -.attachment-download, -.attachment-import { - position: absolute; - height: 32px; - width: 32px; - margin: 0; - bottom: 0; - background-color: transparent; - border-color: transparent; -} -.attachment-save-to-cloud { - right: 0; -} -.attachment-download { - right: 32px; - opacity: .6; -} -.attachment-import { - right: 64px; -} -.attachment-import-popover { - right: 32px; - top: 42px; -} -.attachment-import-popover::after { - right: 32px; -} -/* show icon + text for Download all button - as well as when there is only one attachment */ -.attachments-save-to-cloud, -.attachments-download, -.mail-message-attachment-single .attachment-save-to-cloud, -.mail-message-attachment-single .attachment-download { - background-position: 9px center; - padding-left: 32px; -} -.attachment-name { - display: inline-block; - width: calc(100% - 108px); - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - vertical-align: middle; -} -/* show attachment size less prominent */ -.attachment-size { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - opacity: .5; -} -.attachment-icon { - vertical-align: middle; -} - /* attachment filenames */ .new-message-attachment-name { display:inline-block; |