/* -------------------------------------------
    Product Image Comments Admin
        1. Comment Edit Page
        2. Comments List Page
---------------------------------------------- */

 @import '../../../assets/sass/config';
 @import '../../assets/sass/mixins/mixins';
 @import '../../assets/sass/mixins/direction';

 // 1. Comment Edit Page
.alpha-comment-img-preview-area {
    display: flex;
    flex-wrap: wrap;
    > * {
        padding: 5px;
        flex: 0 0 100px;
        max-width: 100px;
    }
    .comment-img-wrapper {
        position: relative;
    }
    img {
        width: 100%;
        height: auto;
    }
    .button-image-remove {
        position: absolute;
        top: -3px;
        #{$right}: -3px;
        text-decoration: none;
        width: 20px;
        height: 20px;
        color: var(--alpha-change-color-dark-1);
        background-color: var(--alpha-change-color-light-1);
        border-radius: 50%;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
        text-align: center;

        i {
            line-height: 20px;
        }
    }
}
.alpha-comment-action-wrapper {
    padding: 5px;
}

// 2. Comments List Page
.edit-comments-php .comments .attachments > *:not(p) {
    margin: side_values(0 5px 5px 0);
    width: 30px;
    height: 30px;
    object-fit: cover;
    vertical-align: top;
}