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

:host {
    display: block;
    box-sizing: border-box;

    button {
        vertical-align: top;
        text-align: left;
        height: var(--theme-h1);
        line-height: var(--theme-h1);
        width: 100%;
        white-space: nowrap;
        overflow: hidden;

        vi-icon {
            height: var(--theme-h1);

            &[source^="Action_"] {
                width: var(--theme-h3);
            }

            &[source^="Down"] {
                width: var(--theme-h3);
            }

            &:not([has-resource]) {
                display: none;
            }
        }

        span {
            @include flex();
            -ms-flex: auto;
            padding: 0 var(--theme-h5);
        }
    }

    &[disabled] {
        button {
            --vi-button-disabled: #{'{
                opacity: 1;
            }'};

            span {
                opacity: 0.5;
            }

            vi-icon ::content svg {
                opacity: 0.4;
            }
        }
    }

    &[overflow] {
        button {
            padding: 0 !important;

            vi-icon {
                &[source^="Action_"] {
                    width: var(--theme-h2);
                }
            }
        }

        &[icon-space] {
            button {
                vi-icon[source^="Action_"] {
                    display: block;
                }
            }
        }

        vi-icon {
            vertical-align: top;
            width: var(--theme-h2);

            &[source="Down"] {
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }
        }

        vi-icon[source^="Action_"] {
            background-color: rgba(0, 0, 0, 0.04);
        }
    }

    &[no-label]:not([force-label]), &[pinned]:not([force-label]) {
        button span {
            display: none;
        }
    }

    &[no-icon] {
        button vi-icon {
            display: none;
        }
    }

    &:focus {
        outline: none;
    }

    ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        line-height: var(--theme-h1);

        li {
            cursor: pointer;
            padding: 0 var(--theme-h4);
            color: var(--theme-color);

            &:hover {
                background-color: var(--theme-color-faint);
            }
        }
    }

    vi-popup-menu[open] button:not(:hover) {
        background-color: var(--theme-color-faint);
    }
}<commit_msg>Fixed action button collapse<commit_after>@import "../vars.scss";

:host {
    display: block;
    box-sizing: border-box;

    button {
        vertical-align: top;
        text-align: left;
        height: var(--theme-h1);
        line-height: var(--theme-h1);
        min-width: 100%;
        white-space: nowrap;
        overflow: hidden;

        vi-icon {
            height: var(--theme-h1);

            &[source^="Action_"] {
                width: var(--theme-h3);
            }

            &[source^="Down"] {
                width: var(--theme-h3);
            }

            &:not([has-resource]) {
                display: none;
            }
        }

        span {
            @include flex();
            -ms-flex: auto;
            padding: 0 var(--theme-h5);
        }
    }

    &[disabled] {
        button {
            --vi-button-disabled: #{'{
                opacity: 1;
            }'};

            span {
                opacity: 0.5;
            }

            vi-icon ::content svg {
                opacity: 0.4;
            }
        }
    }

    &[overflow] {
        button {
            padding: 0 !important;

            vi-icon {
                &[source^="Action_"] {
                    width: var(--theme-h2);
                }
            }
        }

        &[icon-space] {
            button {
                vi-icon[source^="Action_"] {
                    display: block;
                }
            }
        }

        vi-icon {
            vertical-align: top;
            width: var(--theme-h2);

            &[source="Down"] {
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                -webkit-transform: rotate(-90deg);
                transform: rotate(-90deg);
            }
        }

        vi-icon[source^="Action_"] {
            background-color: rgba(0, 0, 0, 0.04);
        }
    }

    &[no-label]:not([force-label]), &[pinned]:not([force-label]) {
        button span {
            display: none;
        }
    }

    &[no-icon] {
        button vi-icon {
            display: none;
        }
    }

    &:focus {
        outline: none;
    }

    ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        line-height: var(--theme-h1);

        li {
            cursor: pointer;
            padding: 0 var(--theme-h4);
            color: var(--theme-color);

            &:hover {
                background-color: var(--theme-color-faint);
            }
        }
    }

    vi-popup-menu[open] button:not(:hover) {
        background-color: var(--theme-color-faint);
    }
}
{'fraction_non_alphanumeric': 0.14559458951718957, 'fraction_numerical': 0.014653390944955852, 'mean_word_length': 0.9887934254762795, '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': '2268055', 'n_tokens_mistral': 1686, 'n_tokens_neox': 1550, 'n_words': 261}