@use "./vars";
@use "./components";

@import "~bulma/sass/utilities/_all.sass";
@import "~bulma/sass/elements/button";
@import "~bulma/sass/components/navbar";


// enforce button usage inside custom application
#player, .ax {
    @include components.button;
}


.admin {
    .navbar.has-shadow, .navbar.is-fixed-bottom.has-shadow {
        box-shadow: 0em 0em 1em rgba(0,0,0,0.1);
    }

    a.navbar-item.is-active {
        border-bottom: 1px grey solid;
    }

    .navbar {
        & + .container {
            margin-top: 1em;
        }

        .navbar-dropdown {
            z-index: 2000;
        }

        .navbar-split {
            margin: 0.2em 0em;
            margin-right: 1em;
            padding-right: 1em;
            border-right: 1px vars.$grey-light solid;
            display: inline-block;
        }

        form {
            margin: 0em;
            padding: 0em;
        }

        &.toolbar {
            margin: 1em 0em;
            background-color: transparent;
            margin-bottom: 1em;

            .title {
                padding-right: 2em;
                margin-right: 1em;
                border-right: 1px vars.$grey-light solid;

                font-size: vars.$text-size;
                font-weight: vars.$weight-light;
            }
        }

        .navbar-dropdown {
            max-height: 40rem;
            overflow-y: auto;

            input {
                z-index: 10000;
                position: sticky;
                top: 0;
            }
        }

    }

    .navbar .navbar-brand {
        padding-right: 1em;
    }

    .navbar .navbar-brand img {
        margin: 0em 0.4em;
        margin-top: 0.3em;
        max-height: 3em;
    }

    .breadcrumbs {
        margin-bottom: 1em;
    }

    .results > #result_list {
        width: 100%;
        margin: 1em 0em;
    }


    ul.menu-list li {
        list-style-type: none;
    }

    .submit-row a.deletelink {
        height: 35px;
    }
}
