dbmedialab/reader-critics

View on GitHub
src/admin/scss/custom/feedbacks.scss

Summary

Maintainability
Test Coverage
.feedback-list {
    color: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    top: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;

    .feedback-item {
        margin-bottom: 50px;
        border: 1px solid rgba(0, 0, 0, .1);
        border-radius: 3px;
        padding: .935rem;

        .item-label {
            font-size: 1rem;
            text-transform: uppercase;
            color: #597e97;
            margin-top: 1rem;
            opacity: .7;
        }

        .time-section {
            .time-item {
                color: #000;
                opacity: .6;

                i {
                    margin-right: .2rem;
                }
            }
        }

        .article-url-section {
            margin: .5rem 0;

            .article-url-link {
                @include no-line-break(true);
                font-size: 1.7rem;
                line-height: 1;
                display: block;
            }
        }

        .feedback-section {
            margin-top: 1rem;

            .feedback-text {
                font-size: 1.6rem;
            }
        }

        .comment-section {
            background-color: $color-user-comment-background;
            padding: 1rem;
            margin: 1rem 0;

            .item-label {
                margin-top: 0;
            }

            .comment-item {
                font-size: 1.3rem;
            }
        }

        .links-section {
            margin-top: 1rem;

            .links-container {
                .link-item {
                    @include no-line-break(true);
                    font-size: .8rem;
                    display: block;
                    line-height: 1.5;

                    i {
                        margin-right: .2rem;
                    }
                }
            }
        }

        .buttons-section {
            margin-top: 1rem;
        }
    }
}