@import "~theme/globals";

:host {
    --extra-icon-size: 16px;

    ::ng-deep core-user-avatar {
        .core-avatar-extra-img,
        core-mod-icon {
            margin: 0 !important;
            position: absolute;
            right: -4px;
            bottom: -4px;
            padding: 0.2rem;
        }

        .core-avatar-extra-img {
            background: var(--background-color);
            border-radius: var(--medium-radius);
            img {
                max-width: var(--extra-icon-size);
                max-height: var(--extra-icon-size);
                display: block;
            }
        }

        core-mod-icon  {
            --size: var(--extra-icon-size);
        }
    }

    .core-notification-icon {
        width: var(--core-avatar-size);
        height: var(--core-avatar-size);
        @include margin(6px, 8px, 6px, 0px);
        background: var(--background-color);
        border-radius: var(--small-radius);
    }

    .item core-format-text ::ng-deep {
        .forumpost {
            border: 1px solid var(--gray-200);
            width: 100%;
            margin: 0 0 1em 0;

            td {
                padding: 10px;
            }

            .header {
                background-color: var(--light);

                .picture {
                    width: 48px;
                    text-align: center;
                    @include padding-horizontal(4px, 0px);
                    padding-top: 8px;

                    img {
                        width: 44px !important;
                    }
                }
            }

            .subject {
                font-weight: 700;
                margin-bottom: 1rem;
            }
        }

        a {
            text-decoration: none;
        }

        .userpicture {
            border-radius: 50%;
        }

        .mdl-right {
            text-align: end;
            a {
                display: none;
            }
            font {
                font-size: 0.9em;
            }
        }

        .commands {
            display: none;
        }

        hr {
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            background-color: var(--gray-200);
        }
    }
}