/***
 * @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;
}