<commit_before>@import "lanes/styles/bootstrap/variables";
@import "lanes/styles/bootstrap/mixins";

$lanes-field-margin: 6px;

label.field {
    display: block;
}
.field {

    font-weight: normal;
    .input-group {
        font-weight: normal;
        width: 100%;
    }

    &.display {
        .input-group {
            display: block;
        }
        .value {
            padding-left: $lanes-field-margin;
            padding-right: $lanes-field-margin;
            display: block;
            height: $lanes-field-value-height;
            line-height:  $lanes-field-value-height;
            border-bottom: 1px solid $input-border;
        }

    }
    &.read-only .input-group {
        @extend .form-control !optional;
        padding: 6px 12px;
        cursor: not-allowed;
    }
    .label {
        padding: 0;
        font-size: 85%;
    }
    &.read-only .title { margin-bottom: 5px; }
}

.field, .form-group {
    .changeset {
        $color-rgba: rgba(255, 241, 72, .6);
        border-color: $color-rgba;
        outline: 0;
        @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
    }
    &.display {
        &.toggle {
            .value { border-bottom: 0; }
            .react-toggle { cursor: inherit; }
        }
        &.editing .react-toggle { margin-top: 5px; }
    }
    .label-title {
        display: inline-block;
    }
    label {
        display: block;
    }
    i.error {
        margin-left: $lanes-field-margin;
    }
    .control-label {
        margin-left: $lanes-field-margin;
        margin-right: $lanes-field-margin;
    }


}

.align-right{
    .control-label, .value, .rw-widget input {text-align: right; }
}
.align-center{
    .control-label, .value, .rw-widget input { text-align: center; }
}<commit_msg>display overly long display fields using ellipsis<commit_after>@import "lanes/styles/bootstrap/variables";
@import "lanes/styles/bootstrap/mixins";

$lanes-field-margin: 6px;

label.field {
    display: block;
}
.field {

    font-weight: normal;
    .input-group {
        font-weight: normal;
        width: 100%;
    }

    &.display {
        .input-group {
            display: block;
        }
        .value {
            padding-left: $lanes-field-margin;
            padding-right: $lanes-field-margin;
            display: block;
            height: $lanes-field-value-height;
            line-height:  $lanes-field-value-height;
            border-bottom: 1px solid $input-border;
        }

    }
    &.read-only .input-group {
        @extend .form-control !optional;
        padding: 6px 12px;
        cursor: not-allowed;
    }
    .label {
        padding: 0;
        font-size: 85%;
    }
    &.read-only .title { margin-bottom: 5px; }
}

.field, .form-group {
    .changeset {
        $color-rgba: rgba(255, 241, 72, .6);
        border-color: $color-rgba;
        outline: 0;
        @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $color-rgba);
    }
    &.display {
        &.toggle {
            .value { border-bottom: 0; }
            .react-toggle { cursor: inherit; }
        }
        &.editing .react-toggle { margin-top: 5px; }
        .value span {
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            width: 100%;
        }
    }
    .label-title {
        display: inline-block;
    }
    label {
        display: block;
    }
    i.error {
        margin-left: $lanes-field-margin;
    }
    .control-label {
        margin-left: $lanes-field-margin;
        margin-right: $lanes-field-margin;
    }


}

.align-right{
    .control-label, .value, .rw-widget input {text-align: right; }
}
.align-center{
    .control-label, .value, .rw-widget input { text-align: center; }
}
{'fraction_non_alphanumeric': 0.1413157894736842, 'fraction_numerical': 0.019736842105263157, 'mean_word_length': 1.6711173576950105, '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': '6876708', 'n_tokens_mistral': 1343, 'n_tokens_neox': 1263, 'n_words': 252}