@mixin adf-task-list-comment-theme($theme) {
    $foreground: map-get($theme, foreground);
    $header-border: 1px solid mat-color($foreground, divider);

    .adf-comments-container {
        height: 100%;
        width: 100%;
        overflow: auto;
    }

    .adf-comments-header {
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 600;
        border-bottom: $header-border;
    }

    .adf-comments-input-container {
        padding: 0 15px;
        width: calc(100% - 30px);
        padding-top: 8px;
        border-bottom: $header-border;

        textarea {
            resize: vertical;
        }
    }

    .adf-comments-input-actions {
        display: flex;
        justify-content: flex-end;
        margin-bottom: 10px;
    }

    .adf-full-width {
        width: 100%;
    }

    adf-comment-list {
        float: left;
        overflow: auto;
        height: calc(100% - 101px);
        width: 100%;
    }

}