nextcloud-breeze-dark/css/apps/official/_mail.scss

84 lines
1.9 KiB
SCSS

/***
* @copyright Copyright (c) 2018, Magnus Walbeck <mw@mwalbeck.org>
*
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
*/
/* Mail --------------------------------------------------------------------- */
.app-mail #account-form .tabs-component-tab.is-active {
border-bottom-color: var(--color-primary-element);
}
.app-mail .app-content-list .list-item__wrapper.active {
.line-one__title {
color: var(--color-primary-text);
}
.line-one__details,
.line-two__subtitle,
.line-two__counter {
color: var(--color-main-text);
}
}
.app-mail .html-message-body #message-container {
padding: 1rem;
}
.app-mail #mail-message .mail-message-body-html {
#mail-message-has-blocked-content {
background-color: var(--color-main-background) !important;
margin: unset;
padding: 5px 1rem;
.button-vue {
border: 1px solid var(--color-border) !important;
margin-left: 1rem;
padding: unset;
}
.button-vue__text {
padding-left: 1rem !important;
padding-right: 1rem !important;
text-decoration: none !important;
}
}
}
.app-mail .attachment-popover button.action-item--single.icon-attachment {
&:hover,
&:focus,
&:active {
background-color: var(--color-background-hover) !important;
}
}
.app-mail .attachment-popover.open button.action-item--single.icon-attachment {
background-color: var(--color-primary) !important;
opacity: 1;
}
.mail-message-attachments .attachments .attachment {
.attachment-name:hover {
background-color: unset;
}
.attachment-size {
opacity: 0.7;
&:hover {
background-color: unset;
}
}
button:hover,
.mail-attached-image:hover {
opacity: 1;
}
}
.popover.open button.action-button {
opacity: 1;
}