<commit_before>@require "./_variables.styl"
@require "./_mixins.styl"

.table-filter
    margin: containerPadding
    max-width: 450px
    min-width: 200px
    flex: 1 1 auto

.table-select
    margin: containerPadding

    height formControllHeight
    background-color: processessSearchInput
    box-shadow: none
    font-size 14px
    color: black

.input-group
    .big-blue-button
        float: right

.esp-table
    margin-bottom 20px
    iconColumnWidth = 50px

    clickableIconColumn()
        text-align: center
        width: iconColumnWidth
        span
            font-size: 20px
            cursor: pointer

            &:focus
                outline 2px solid focusColor

    width: 100%
    border-collapse: initial
    font-size: 14px
    font-weight: 400
    color: #000000

    & *
        border: none

    th, td
        padding: 10px 10px
        vertical-align: middle

        &:nth-child(1)
            padding-left: containerPadding
            padding-top 20px
            padding-bottom 20px

        &:last-child
            padding-right: containerPadding

    th
        background-color: processesTableHeaderColor
        font-size: 16px
        font-weight: 600

        &.reactable-th-category
            max-width: 30%

        &.reactable-th-nodeid
            max-width: 40%

        &.reactable-th-modifydate, &.reactable-th-createdat, &.reactable-th-isdeployed
            max-width: 10%

        &.reactable-th-lastaction
            max-width: 5%

        &:focus
            outline 2px solid focusColor

    tr:nth-child(even)
        background-color: processesTableEvenColor

    tr:nth-child(odd)
        background-color: processesTableOddColor

    th
        &.reactable-header-sort-asc
        &.reactable-header-sort-desc
            &:after
                padding-left 10px
                display inline-block
                transform scale(.75)

        &.reactable-header-sort-asc:after
            content: '\25BC'

        &.reactable-header-sort-desc:after
            content: '\25B2'

    .centered-column, .reactable-th-modifydate, .reactable-th-createdat, .reactable-th-subprocess, .reactable-th-createdby, .reactable-th-cancel, .reactable-th-actiondate, .reactable-th-actionuser, .reactable-th-lastaction
        text-align: center

    .edit-column, .reactable-th-metrics, .reactable-th-view
        text-align: center
        width: iconColumnWidth

        img
            height: 20px
            cursor: pointer

        .edit-disabled
            opacity: 0.4 !important
            padding: 0

    .name-column
        input
            width: 100%<commit_msg>sort arrows on scenarios list (#2561)<commit_after>@require "./_variables.styl"
@require "./_mixins.styl"

.table-filter
    margin: containerPadding
    max-width: 450px
    min-width: 200px
    flex: 1 1 auto

.table-select
    margin: containerPadding

    height formControllHeight
    background-color: processessSearchInput
    box-shadow: none
    font-size 14px
    color: black

.input-group
    .big-blue-button
        float: right

.esp-table
    margin-bottom 20px
    iconColumnWidth = 50px

    clickableIconColumn()
        text-align: center
        width: iconColumnWidth
        span
            font-size: 20px
            cursor: pointer

            &:focus
                outline 2px solid focusColor

    width: 100%
    border-collapse: initial
    font-size: 14px
    font-weight: 400
    color: #000000

    & *
        border: none

    th, td
        padding: 10px 10px
        vertical-align: middle

        &:nth-child(1)
            padding-left: containerPadding
            padding-top 20px
            padding-bottom 20px

        &:last-child
            padding-right: containerPadding

    th
        background-color: processesTableHeaderColor
        font-size: 16px
        font-weight: 600

        &.reactable-th-category
            max-width: 30%

        &.reactable-th-nodeid
            max-width: 40%

        &.reactable-th-modifydate, &.reactable-th-createdat, &.reactable-th-isdeployed
            max-width: 10%

        &.reactable-th-lastaction
            max-width: 5%

        &:focus
            outline 2px solid focusColor

    tr:nth-child(even)
        background-color: processesTableEvenColor

    tr:nth-child(odd)
        background-color: processesTableOddColor

    th
        &.reactable-header-sort-asc
        &.reactable-header-sort-desc
            &:after
                padding-left 10px
                display inline-block
                transform scale(.75)

        &.reactable-header-sort-asc:after
            content: '\25B2'

        &.reactable-header-sort-desc:after
            content: '\25BC'

    .centered-column, .reactable-th-modifydate, .reactable-th-createdat, .reactable-th-subprocess, .reactable-th-createdby, .reactable-th-cancel, .reactable-th-actiondate, .reactable-th-actionuser, .reactable-th-lastaction
        text-align: center

    .edit-column, .reactable-th-metrics, .reactable-th-view
        text-align: center
        width: iconColumnWidth

        img
            height: 20px
            cursor: pointer

        .edit-disabled
            opacity: 0.4 !important
            padding: 0

    .name-column
        input
            width: 100%
{'fraction_non_alphanumeric': 0.09082326283987915, 'fraction_numerical': 0.027190332326283987, 'mean_word_length': 1.7332301341589267, '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': '4315953', 'n_tokens_mistral': 1717, 'n_tokens_neox': 1531, 'n_words': 328}