@import "~theme/components/discussion.scss";
@import "~theme/globals.scss";

:host {

    .addon-messages-unreadfrom {
        color: var(--primary);
        background-color: transparent;
        margin-top: 6px;
        margin-left: auto;
        margin-right: auto;
        ion-icon {
            color: var(--primary);
            background-color: transparent;
        }
    }

   .has-fab .scroll-content {
        padding-bottom: 0;
    }

    ion-fab .core-discussion-messages-badge {
        position: absolute;
        color: var(--addon-messages-discussion-badge-text);
        background-color: var(--addon-messages-discussion-badge);
        display: block;
        @include position(0, 0, null, null);
    }

    ion-header ion-toolbar ion-title {
        padding: 0;

        h1 {
            display: flex;
            align-items: center;
            padding: 0;

            .core-bar-button-image {
                @include margin-horizontal(null, 6px);
            }

            core-format-text {
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                flex-shrink: 1;
                display: block;
            }

            ion-icon {
                @include margin-horizontal(6px, null);
            }
        }
    }
}

:host-context(.ios) {
    ion-header ion-toolbar h1 {
        justify-content: center;
    }
}
