<commit_before>@import "../vars.scss";

:host {
    @include layout-horizontal();
    @include flex();
    @include relative();

    .box {
        position: relative;
        background-color: white;
        min-height: calc(var(--theme-h2) - 2px);
        line-height: calc(var(--theme-h2) - 2px);
        overflow: hidden;
        border: 1px solid var(--vi-persistent-object-attribute-presenter-border-color);
        -moz-transition: border-color 0.2s ease-in-out;
        -o-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        @apply(--vi--attribute-edit-box);

        .buttons {
            @apply(--vi--attribute-edit-buttons);
        }
    }

    &.reverse-content {
        .box {
            @include layout-horizontal-reverse();
        }
    }

    #errorIndicator {
        display: none;

        vi-icon {
            --vi-icon-width: var(--theme-h2);
            --vi-icon-height: var(--theme-h2);
            fill: var(--theme-color-error);
        }
    }

    &[has-error] {
        .box {
            border-color: var(--theme-color-error) !important;
            @include relative();

            &::after {
                content: " ";
                opacity: 0.05;
                background-color: var(--theme-color-error);
                @include fit();
            }
        }

        #errorIndicator {
            display: block;
            width: var(--theme-h2);
            height: var(--theme-h2);
            line-height: var(--theme-h2);
            padding: 0;
            background-color: transparent;
            cursor: pointer;

            pre[content] {
                padding: var(--theme-h5);
                border: 1px solid var(--theme-color-error);
            }

            #content {
                &.top {
                    -moz-transform: translateY(var(--theme-h4));
                    -ms-transform: translateY(var(--theme-h4));
                    -o-transform: translateY(var(--theme-h4));
                    -webkit-transform: translateY(var(--theme-h4));<commit_msg>Fixed z-indexing issue with attribute error indicator<commit_after>@import "../vars.scss";

:host {
    @include layout-horizontal();
    @include flex();
    @include relative();

    .box {
        position: relative;
        background-color: white;
        min-height: calc(var(--theme-h2) - 2px);
        line-height: calc(var(--theme-h2) - 2px);
        overflow: hidden;
        border: 1px solid var(--vi-persistent-object-attribute-presenter-border-color);
        -moz-transition: border-color 0.2s ease-in-out;
        -o-transition: border-color 0.2s ease-in-out;
        -webkit-transition: border-color 0.2s ease-in-out;
        transition: border-color 0.2s ease-in-out;
        @apply(--vi--attribute-edit-box);

        .buttons {
            @apply(--vi--attribute-edit-buttons);
        }
    }

    &.reverse-content {
        .box {
            @include layout-horizontal-reverse();
        }
    }

    #errorIndicator {
        display: none;

        vi-icon {
            --vi-icon-width: var(--theme-h2);
            --vi-icon-height: var(--theme-h2);
            fill: var(--theme-color-error);
        }
    }

    &[has-error] {
        .box {
            border-color: var(--theme-color-error) !important;
            @include relative();
            z-index: 0;

            &::before {
                content: " ";
                opacity: 0.05;
                background-color: var(--theme-color-error);
                @include fit();
                z-index: -1;
            }
        }

        #errorIndicator {
            display: block;
            width: var(--theme-h2);
            height: var(--theme-h2);
            line-height: var(--theme-h2);
            padding: 0;
            background-color: transparent;
            cursor: pointer;

            pre[content] {
                padding: var(--theme-h5);
                border: 1px solid var(--theme-color-error);
            }

            #content {
                &.top {
                    -moz-transform: translateY(var(--theme-h4));
                    -ms-transform: translateY(var(--theme-h4));
                    -o-transform: translateY(var(--theme-h4));
                    -webkit-transform: translateY(var(--theme-h4));
{'fraction_non_alphanumeric': 0.14904284412032817, 'fraction_numerical': 0.013217866909753875, 'mean_word_length': 1.3634894991922455, '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': '2653427', 'n_tokens_mistral': 1343, 'n_tokens_neox': 1278, 'n_words': 221}