diff options
author | Christoph Wurst <christoph@winzerhof-wurst.at> | 2016-04-24 16:30:43 +0300 |
---|---|---|
committer | Christoph Wurst <christoph@winzerhof-wurst.at> | 2016-04-27 20:32:45 +0300 |
commit | d08394b182155e643ed9e7fcb47b29f49bca887b (patch) | |
tree | 61535b39a2641af23cc9ce237398df6d78d2a98d | |
parent | e133aba2953aca9befc89d06ce075319b0139203 (diff) |
make attachments column number responsive
-rwxr-xr-x | css/mail.css | 19 |
1 files changed, 17 insertions, 2 deletions
diff --git a/css/mail.css b/css/mail.css index 0e16fc961..4c706b29b 100755 --- a/css/mail.css +++ b/css/mail.css @@ -617,14 +617,29 @@ input.submit-message, .mail-message-attachments .attachments > div { position: relative; display: inline-block; - width: calc(25% - 12px); + /*width: calc(50% - 8px);*/ border: 1px solid #f5f5f5; margin: 5px; padding: 6px; } +@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: 100px; + max-height: 120px; } .attachment-save-to-cloud, .attachment-download { |