diff options
Diffstat (limited to 'css')
-rwxr-xr-x | css/mail.scss | 202 |
1 files changed, 4 insertions, 198 deletions
diff --git a/css/mail.scss b/css/mail.scss index 4ca1ecd97..c609e19a3 100755 --- a/css/mail.scss +++ b/css/mail.scss @@ -220,17 +220,6 @@ background: -webkit-radial-gradient(top, ellipse cover, var(--color-main-background),rgba(255,255,255,0) 70%); background: radial-gradient(ellipse at top, var(--color-main-background),rgba(255,255,255,0) 70%); } -#load-more-mail-messages { - margin: 10px auto; - padding: 10px; - margin-top: 50px; - margin-bottom: 200px; -} -/* TODO: put this in core icons.css as general rule for buttons with icons */ -#load-more-mail-messages.icon-loading-small { - padding-left: 32px; - background-position: 9px center; -} #app-navigation .msg.success { color: #fff; @@ -263,17 +252,11 @@ z-index: 1000; } -/* editor */ -#mail-new-message-list { - margin-top: 36px; +.icon-starred[data-starred="false"]:hover { + background-image: var(--icon-star-dark-FC0) !important; } -#mail_new_message { - width: 100%; - padding: 10px; - padding-left: 34px; - background-position: 10px center; - text-align: left; - margin: 0; +.icon-starred[data-starred="false"]:not(:hover) { + background-image: var(--icon-star-000) !important; } .message-composer { @@ -431,42 +414,12 @@ input.submit-message, -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; } -.app-content-list-item.active .star.icon-star, -.app-content-list-item:hover .star.icon-star, -.app-content-list-item:focus .star.icon-star { - display: inline-block; -} -.app-content-list-item.unseen { - font-weight: bold; -} - -.icon-reply, -.icon-attachment { - display: inline-block; - vertical-align: text-top; -} -.icon-reply { - background-image: url('../img/reply.svg'); - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; - opacity: .5; -} -.icon-attachment { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; - opacity: .25; -} .icon-add { display: inline-block; vertical-align: text-top; } - -/* message display */ - -.mail-message-body { - margin-bottom: 100px; -} - #mail-message-header { height: 90px; z-index: 100; @@ -479,68 +432,10 @@ input.submit-message, background: linear-gradient(var(--color-main-background) , var(--color-main-background) 80%, rgba(255,255,255,0)); } -#mail-message-header h2, -#mail-message-header p { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - padding-bottom: 7px; - margin-bottom: 0; -} - -#mail-message-close { - display: none; -} - -#mail-content, -.mail-message-attachments { - margin: 100px 10px 50px 30px; -} -.mail-message-attachments { - margin-top: 10px; -} -#mail-content iframe { - width: 100%; -} - -#show-images-text { - display: none; -} - -#mail-content a, -.mail-signature a { - color: #07d; - border-bottom: 1px dotted #07d; - text-decoration: none; - word-wrap: break-word; -} -.mail-signature { - font-family: monospace; - opacity: 0.5; - line-height: initial; -} - .transparency { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: .5; } -#mail-message-header .transparency { - color: rgba(0, 0, 0, .3) !important; - opacity: 1; -} -#mail-message-header .transparency a { - color: rgba(0, 0, 0, .5) !important; -} - -#mail-message { - position: absolute; - top: 0; - right: 0; - width: 70%; - height: 100%; - overflow-y: auto; - overflow-x: hidden; -} .new-message-attachments li { padding: 10px; @@ -552,95 +447,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; |