<commit_before>
@import "react-toolbox/components/colors";
@import "react-toolbox/components/globals";
@import "~ui-styles/colors";
@import "~ui-styles/common";

.card {
    margin-bottom: $layout-gutter-width-sm;

    .clickable {
        cursor: pointer;
    }

    .linkIcon {
        opacity: 0;
        transition: opacity 0.3s;
    }

    &:hover .linkIcon {
        opacity: 0.8;
        transition: opacity 0.1s;
        color: $color-text-secondary;

        &:hover {
            color: $cf-color-selected;
        }
    }

    &Inline {
        display: inline-block;
        width: auto;
        margin-right: $layout-gutter-width-sm;
    }
    &Column {
        display: inline-block;
        width: 100%;
    }
}

.commentBase {
    font-size: $font-size-small;
    font-family: "Roboto Mono";
    color: $color-text-secondary;
}

// Comment is used for commit messages and user comments
.comment {
    @extend .commentBase;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;

    &LineWrap {
        @extend .commentBase;
        white-space: pre-wrap;
    }
}

.code {
    @extend .commentBase;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;

    &LineWrap {
        @extend .commentBase;
        white-space: pre-wrap;
        word-break: break-all;
    }
}

.input {
    padding: $unit * 1.6;
}

.monospace {
    font-family: "Roboto Mono";
}

.fileListItem {
    display: block;
}

.fileListItemIcon[data-react-toolbox="font-icon"] {
    font-size: $font-size-normal;
    display: inline-block;
    margin-right: 0.6 * $unit;
    // Centered vertically, cannot use vertical-align since display is block
    vertical-align: middle;
}

.link, .link[data-react-toolbox="link"] {
    cursor: pointer;
    display: inline-block;

    &:link, &:visited {
        color: $color-text-secondary;
    }

    &:hover {
        color: $cf-color-selected;
    }
}

.fileListItemLink {
    vertical-align: middle;
}

.linkButton {
    margin-right: $layout-gutter-width-sm;
}

.floatRight {
    float: right;
    font-size: $font-size-small * 0.9;

    span {
        font-family: "Roboto Mono";
    }
}

.hiddenText {
    float: right;
    font-size: $font-size-small * 0.9;

    span {
        font-family: "Roboto Mono";
    }
}

.postButton {
    position: absolute;
    top: $layout-gutter-width-sm;
    right: $layout-gutter-width-sm;
    display: inline-block;
}

.avatar {
    margin-right: $unit * 1.3;
    width: 40px;
    height: 40px;
}

.repoBackendIcon {
    width: $unit * 2.4;
    height: $unit * 2.4;
}

.repoBackendIconContainer {
    margin-right: $unit;
}

.tableFixed {
    table-layout: fixed;

    tbody td:first-child {
        width: 100px;
    }

    tbody td:last-child {
        overflow: auto;
    }
}

.table {
    width: 100%;
    font-size: $font-size-small;
    border-spacing: 0;

    tbody tr:nth-child(odd) {
        background-color: $cf-color-table-row-odd;
    }

    tr {
        border-spacing: 0;
    }<commit_msg>UI: Changed fixed 100px to  * 10 for the fixed tables first column in card<commit_after>
@import "react-toolbox/components/colors";
@import "react-toolbox/components/globals";
@import "~ui-styles/colors";
@import "~ui-styles/common";

.card {
    margin-bottom: $layout-gutter-width-sm;

    .clickable {
        cursor: pointer;
    }

    .linkIcon {
        opacity: 0;
        transition: opacity 0.3s;
    }

    &:hover .linkIcon {
        opacity: 0.8;
        transition: opacity 0.1s;
        color: $color-text-secondary;

        &:hover {
            color: $cf-color-selected;
        }
    }

    &Inline {
        display: inline-block;
        width: auto;
        margin-right: $layout-gutter-width-sm;
    }
    &Column {
        display: inline-block;
        width: 100%;
    }
}

.commentBase {
    font-size: $font-size-small;
    font-family: "Roboto Mono";
    color: $color-text-secondary;
}

// Comment is used for commit messages and user comments
.comment {
    @extend .commentBase;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;

    &LineWrap {
        @extend .commentBase;
        white-space: pre-wrap;
    }
}

.code {
    @extend .commentBase;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;

    &LineWrap {
        @extend .commentBase;
        white-space: pre-wrap;
        word-break: break-all;
    }
}

.input {
    padding: $unit * 1.6;
}

.monospace {
    font-family: "Roboto Mono";
}

.fileListItem {
    display: block;
}

.fileListItemIcon[data-react-toolbox="font-icon"] {
    font-size: $font-size-normal;
    display: inline-block;
    margin-right: 0.6 * $unit;
    // Centered vertically, cannot use vertical-align since display is block
    vertical-align: middle;
}

.link, .link[data-react-toolbox="link"] {
    cursor: pointer;
    display: inline-block;

    &:link, &:visited {
        color: $color-text-secondary;
    }

    &:hover {
        color: $cf-color-selected;
    }
}

.fileListItemLink {
    vertical-align: middle;
}

.linkButton {
    margin-right: $layout-gutter-width-sm;
}

.floatRight {
    float: right;
    font-size: $font-size-small * 0.9;

    span {
        font-family: "Roboto Mono";
    }
}

.hiddenText {
    float: right;
    font-size: $font-size-small * 0.9;

    span {
        font-family: "Roboto Mono";
    }
}

.postButton {
    position: absolute;
    top: $layout-gutter-width-sm;
    right: $layout-gutter-width-sm;
    display: inline-block;
}

.avatar {
    margin-right: $unit * 1.3;
    width: 40px;
    height: 40px;
}

.repoBackendIcon {
    width: $unit * 2.4;
    height: $unit * 2.4;
}

.repoBackendIconContainer {
    margin-right: $unit;
}

.tableFixed {
    table-layout: fixed;

    tbody td:first-child {
        width: $unit * 10;
    }

    tbody td:last-child {
        overflow: auto;
    }
}

.table {
    width: 100%;
    font-size: $font-size-small;
    border-spacing: 0;

    tbody tr:nth-child(odd) {
        background-color: $cf-color-table-row-odd;
    }

    tr {
        border-spacing: 0;
    }
{'fraction_non_alphanumeric': 0.14135437212360288, 'fraction_numerical': 0.012491781722550954, 'mean_word_length': 2.1173155737704916, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1209844', 'n_tokens_mistral': 2233, 'n_tokens_neox': 2133, 'n_words': 442}