<commit_before>//##############################################################################
// NAVIGATOR

.navigator-table {
    // required for django CMS <= 3.1 #673
    width: 100%;
    margin: 0;
    border-top: solid 1px $gray-lighter !important;
    tbody {
        td {
            padding: 5px 10px !important;
        }
    }
    .unfiled td {
        background-color: $gray-table !important;
    }
    .column-checkbox {
        text-align: center;
        width: 20px;
        padding-left: 20px !important;
        input {
            // makes sure that checkbox is vertical aligned #664
            vertical-align: middle;
            margin: 0;
        }
    }
    .column-icon {
        width: 25px;
        // removes padding to make sure that column has correct height #664
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        img {
            width: 25px;
        }
    }
    .column-action {
        text-align: center;
        width: 70px;
        padding-right: 20px !important;
        a {
            font-size: 16px !important;
            margin: 0 5px;
            &:first-child {
                margin-left: 0;
            }
            &:last-child {
                margin-right: 0;
            }
        }
        .icon {
            color: $btn-default-color;
            line-height: 33px;
            text-align: center;
            width: 33px;
            height: 33px;
            border: solid 1px #ccc;
            border-radius: 2px;
            &:hover {
                border-color: $color-primary;
            }
        }
    }
    .no-files {
        padding: 10px 20px !important;
    }
    .dz-drag-hover,
    &.dz-drag-hover {
        background: $hover-bg;
        tr.unfiled td {
            background: $hover-bg !important;
        }
    }
    .reset-hover {
        background-color: $white !important;
    }
}

.navigator-top-nav {
    position: relative;
    clear: both;
    min-height: 50px;
    padding: 5px 0;
    background: $gray-table;
    .breadcrumbs-container {
        float: left;
        width: calc(100% - 615px);
        @media screen and (max-width: $screen-desktop) {
            width: calc(100% - 480px);
        }
        @media screen and (max-width: $screen-tablet) {
            width: auto;
            margin-right: 20px;
        }
    }
    .nav-button {
        display: inline-block;
        color: $btn-default-color;
        font-size: 22px;
        line-height: 34px;
        vertical-align: top;
        margin: 0 10px;
        span {
            vertical-align: middle;
        }
    }
    .nav-button-filter {
        position: relative;
        top: -1px;
    }
    .nav-button-dots {
        margin: 0;
        padding: 0 15px;
    }
    .separator {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 1px;
        height: 34px;
        margin: 0 5px;
        &:before {
            content: "";
            display: block;
            position: absolute;
            top: -14px;
            bottom: -11px;
            overflow: hidden;
            width: 1px;
            background-color: #ccc;
        }
    }
}
.navigator-tools {
    float: right;
    margin: 10px 10px 0 0;
    .actions-wrapper {
        float: right;
        margin-bottom: 10px;
        @media screen and (max-width: $screen-tablet) {
            @include clearfix();
            float: none;
            margin-left: 10px;
        }
    }
    .actions {
        display: none;
        float: right;
        @media screen and (max-width: $screen-tablet) {
            @include clearfix();
            float: none;
            margin-bottom: 10px;
        }
        .all,
        .question,
        .clear,
        .action-counter {
            font-size: $font-size-small;
            line-height: 34px;
            vertical-align: text-top;
        }
        .action-counter,
        .all {
            color: $gray-light;
        }
        .question,
        .clear {
            margin-left: 10px;
            padding-left: 10px;
            border-left: solid 1px $gray-lighter;
        }
        &.action-selected {
            display: block;
        }
    }
    .dropdown-container {
        @media screen and (max-width: $screen-tablet) {
            float: left;
        }
    }
}
@media screen and (max-width: $screen-tablet) {
    .navigator-top-nav {
        .breadcrumbs-container {
            float: none;
        }
        .navigator-tools {
            float: none;
            margin-left: 17px;
            .separator:before {
                top: 0;
                bottom: 0;
            }
        }
        .dropdown-container .dropdown-menu {
            right: auto;
            left: -130px;
        }
    }
}
// make sure that buttons break to new line on mobile view #677
.navigator-button-wrapper {
    text-align: right;
    margin-bottom: 10px;
    @media screen and (max-width: $screen-tablet) {
        display: block;
        text-align: left;
        margin-top: 10px;
    }
    @media screen and (min-width: $screen-desktop) {
        float: right;
        margin-left: 10px;
    }
}
.navigator-button {
    margin-right: 10px;
    &,
    &:visited,
    &:link:visited,
    &:link {
        @include button-variant($btn-action-color, $btn-action-bgcolor, $btn-action-border, true);
        display: inline-block;
        vertical-align: top;
        padding: 10px 20px !important;
    }
    .icon {
        position: relative;
        margin-right: 5px;
    }
    .fa-folder {
        top: 0;
    }
}
.popup .navigator-tools .navigator-button {
    &,
    &:visited,
    &:link:visited,
    &:link {
        @include button-variant($btn-default-color, $btn-default-bgcolor, $btn-default-border, true);
        padding: 10px 20px !important;
    }
}

.navigator-button + .dropdown-menu {
    margin-top: -2px;
}

.navigator {
    position: relative;
    overflow-x: auto;
    width: 100%;
    form {
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
}

.navigator-breadcrumbs {
    @include clearfix;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 0 0 20px;
    .navigator-breadcrumbs-folder-name {
        display: inline-block;
        overflow: hidden;
        font-size: 16px;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: calc(100% - 100px);
    }
    > a {
        color: $gray-darkest !important;
    }
    .icon {
        color: $gray-light;
        margin: 0 5px;
    }
    li {
        list-style-type: none;
    }
}
.navigator-breadcrumbs-dropdown-container {
    position: relative;
    top: -5px;
    float: left;
    margin: 0 7px 0 0;
    .navigator-breadcrumbs-dropdown {
        left: -22px;
        padding: 0;
        > li {
            padding: 0;
            > a {
                padding: 15px 20px 5px;
                border-bottom: solid 1px #e1e1e1;
            }
            &:last-child > a {
                border-bottom: none;
            }
        }
        img {
            position: relative;
            top: -4px;
            vertical-align: top;
            margin: 0 10px 0 0;
        }
    }
}

.dropdown-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    .dropdown-menu {
        display: none;
        right: 0;
        left: auto;
        label {
            display: block;
            line-height: 20px !important;
            white-space: nowrap;
            text-transform: none;
            margin: 0 !important;
            padding: 0 10px !important;
        }
        input {
            position: relative;
            top: 4px;
            vertical-align: top;
            margin-right: 5px;
        }
        &.dropdown-menu-checkboxes {
            right: 0;
            left: auto;
        }
        a:hover {
            background: $gray-lightest !important;
        }
    }
    &.open .dropdown-menu {
        display: block;
        li {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
    }
    + .separator {
        margin-right: 10px;
    }
}
.dropdown-container-down {
    top: -5px;
    > a {
        &,
        &:link,
        &:visited,
        &:link:visited {
            color: $gray-light;
            font-size: 20px;
            line-height: 30px;
            height: 30px;
            padding: 0 10px;
        }
    }
    .dropdown-menu {
        right: auto;
        left: 0;
        margin-top: -10px;
        margin-right: 10px;
    }
}
<commit_msg>update width .column-action in _navigator.scss<commit_after>//##############################################################################
// NAVIGATOR

.navigator-table {
    // required for django CMS <= 3.1 #673
    width: 100%;
    margin: 0;
    border-top: solid 1px $gray-lighter !important;
    tbody {
        td {
            padding: 5px 10px !important;
        }
    }
    .unfiled td {
        background-color: $gray-table !important;
    }
    .column-checkbox {
        text-align: center;
        width: 20px;
        padding-left: 20px !important;
        input {
            // makes sure that checkbox is vertical aligned #664
            vertical-align: middle;
            margin: 0;
        }
    }
    .column-icon {
        width: 25px;
        // removes padding to make sure that column has correct height #664
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        img {
            width: 25px;
        }
    }
    .column-action {
        text-align: center;
        width: 90px;
        padding-right: 20px !important;
        a {
            font-size: 16px !important;
            margin: 0 5px;
            &:first-child {
                margin-left: 0;
            }
            &:last-child {
                margin-right: 0;
            }
        }
        .icon {
            color: $btn-default-color;
            line-height: 33px;
            text-align: center;
            width: 33px;
            height: 33px;
            border: solid 1px #ccc;
            border-radius: 2px;
            &:hover {
                border-color: $color-primary;
            }
        }
    }
    .no-files {
        padding: 10px 20px !important;
    }
    .dz-drag-hover,
    &.dz-drag-hover {
        background: $hover-bg;
        tr.unfiled td {
            background: $hover-bg !important;
        }
    }
    .reset-hover {
        background-color: $white !important;
    }
}

.navigator-top-nav {
    position: relative;
    clear: both;
    min-height: 50px;
    padding: 5px 0;
    background: $gray-table;
    .breadcrumbs-container {
        float: left;
        width: calc(100% - 615px);
        @media screen and (max-width: $screen-desktop) {
            width: calc(100% - 480px);
        }
        @media screen and (max-width: $screen-tablet) {
            width: auto;
            margin-right: 20px;
        }
    }
    .nav-button {
        display: inline-block;
        color: $btn-default-color;
        font-size: 22px;
        line-height: 34px;
        vertical-align: top;
        margin: 0 10px;
        span {
            vertical-align: middle;
        }
    }
    .nav-button-filter {
        position: relative;
        top: -1px;
    }
    .nav-button-dots {
        margin: 0;
        padding: 0 15px;
    }
    .separator {
        display: inline-block;
        position: relative;
        vertical-align: top;
        width: 1px;
        height: 34px;
        margin: 0 5px;
        &:before {
            content: "";
            display: block;
            position: absolute;
            top: -14px;
            bottom: -11px;
            overflow: hidden;
            width: 1px;
            background-color: #ccc;
        }
    }
}
.navigator-tools {
    float: right;
    margin: 10px 10px 0 0;
    .actions-wrapper {
        float: right;
        margin-bottom: 10px;
        @media screen and (max-width: $screen-tablet) {
            @include clearfix();
            float: none;
            margin-left: 10px;
        }
    }
    .actions {
        display: none;
        float: right;
        @media screen and (max-width: $screen-tablet) {
            @include clearfix();
            float: none;
            margin-bottom: 10px;
        }
        .all,
        .question,
        .clear,
        .action-counter {
            font-size: $font-size-small;
            line-height: 34px;
            vertical-align: text-top;
        }
        .action-counter,
        .all {
            color: $gray-light;
        }
        .question,
        .clear {
            margin-left: 10px;
            padding-left: 10px;
            border-left: solid 1px $gray-lighter;
        }
        &.action-selected {
            display: block;
        }
    }
    .dropdown-container {
        @media screen and (max-width: $screen-tablet) {
            float: left;
        }
    }
}
@media screen and (max-width: $screen-tablet) {
    .navigator-top-nav {
        .breadcrumbs-container {
            float: none;
        }
        .navigator-tools {
            float: none;
            margin-left: 17px;
            .separator:before {
                top: 0;
                bottom: 0;
            }
        }
        .dropdown-container .dropdown-menu {
            right: auto;
            left: -130px;
        }
    }
}
// make sure that buttons break to new line on mobile view #677
.navigator-button-wrapper {
    text-align: right;
    margin-bottom: 10px;
    @media screen and (max-width: $screen-tablet) {
        display: block;
        text-align: left;
        margin-top: 10px;
    }
    @media screen and (min-width: $screen-desktop) {
        float: right;
        margin-left: 10px;
    }
}
.navigator-button {
    margin-right: 10px;
    &,
    &:visited,
    &:link:visited,
    &:link {
        @include button-variant($btn-action-color, $btn-action-bgcolor, $btn-action-border, true);
        display: inline-block;
        vertical-align: top;
        padding: 10px 20px !important;
    }
    .icon {
        position: relative;
        margin-right: 5px;
    }
    .fa-folder {
        top: 0;
    }
}
.popup .navigator-tools .navigator-button {
    &,
    &:visited,
    &:link:visited,
    &:link {
        @include button-variant($btn-default-color, $btn-default-bgcolor, $btn-default-border, true);
        padding: 10px 20px !important;
    }
}

.navigator-button + .dropdown-menu {
    margin-top: -2px;
}

.navigator {
    position: relative;
    overflow-x: auto;
    width: 100%;
    form {
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
}

.navigator-breadcrumbs {
    @include clearfix;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 0 0 20px;
    .navigator-breadcrumbs-folder-name {
        display: inline-block;
        overflow: hidden;
        font-size: 16px;
        vertical-align: top;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: calc(100% - 100px);
    }
    > a {
        color: $gray-darkest !important;
    }
    .icon {
        color: $gray-light;
        margin: 0 5px;
    }
    li {
        list-style-type: none;
    }
}
.navigator-breadcrumbs-dropdown-container {
    position: relative;
    top: -5px;
    float: left;
    margin: 0 7px 0 0;
    .navigator-breadcrumbs-dropdown {
        left: -22px;
        padding: 0;
        > li {
            padding: 0;
            > a {
                padding: 15px 20px 5px;
                border-bottom: solid 1px #e1e1e1;
            }
            &:last-child > a {
                border-bottom: none;
            }
        }
        img {
            position: relative;
            top: -4px;
            vertical-align: top;
            margin: 0 10px 0 0;
        }
    }
}

.dropdown-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    .dropdown-menu {
        display: none;
        right: 0;
        left: auto;
        label {
            display: block;
            line-height: 20px !important;
            white-space: nowrap;
            text-transform: none;
            margin: 0 !important;
            padding: 0 10px !important;
        }
        input {
            position: relative;
            top: 4px;
            vertical-align: top;
            margin-right: 5px;
        }
        &.dropdown-menu-checkboxes {
            right: 0;
            left: auto;
        }
        a:hover {
            background: $gray-lightest !important;
        }
    }
    &.open .dropdown-menu {
        display: block;
        li {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }
    }
    + .separator {
        margin-right: 10px;
    }
}
.dropdown-container-down {
    top: -5px;
    > a {
        &,
        &:link,
        &:visited,
        &:link:visited {
            color: $gray-light;
            font-size: 20px;
            line-height: 30px;
            height: 30px;
            padding: 0 10px;
        }
    }
    .dropdown-menu {
        right: auto;
        left: 0;
        margin-top: -10px;
        margin-right: 10px;
    }
}

{'fraction_non_alphanumeric': 0.12254703328509407, 'fraction_numerical': 0.02500723589001447, 'mean_word_length': 1.3071581196581197, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 13, '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': '4730597', 'n_tokens_mistral': 5683, 'n_tokens_neox': 5258, 'n_words': 1204}