@import "webstatic:/static/global.less";

#inline-dialog-likes-info-panel .contents {
    // Inline dialog has a default inline style max-height that is viewportHeight * 0.75
    // we need to override this but can only do it with an !important style
    max-height: 260px !important;
}

.comment-likes-dialog {
    .user-list {
        padding: 0;
        border-top: 1px solid @lightDividerColor;

        > li {
            border-bottom: 1px solid @lightDividerColor;
            padding: @halfSpacing @baseSpacing;
            display: block;
        }
    }

    .user-avatar {
        margin-right: @baseSpacing;
        vertical-align: middle;
    }

    .liker-name {
        .text-overflow();
        display: inline-block;
        max-width: 230px;
        vertical-align: middle;
    }
}

.comment-likes-info {
    .aui-icon {
        padding-right: 3px;
    }

    .comment-liker {
        .text-overflow();
        display: inline-block;
        max-width: 170px;
        vertical-align: bottom;

        .commit-files .replies .replies .replies .replies &,
        .side-by-side-diff & {
            max-width: 100px;
        }
    }
}
