/**
 * This file provides styles for "edittable plugin"
 */

/* + + + + +  global  + + + + + */
#dokuwiki__content.main-content {
    #edittable__editor {
        th,
        .handsontable th {
            border-color: var(--color-shade-4);
            background-color: var(--color-shade-1);
            color: var(--color-foreground);

            &.ht__highlight {
                background-color: var(--color-shade-2);
            }
        }

        td {
            border-color: var(--color-shade-4);
            background-color: var(--color-background);
            color: var(--color-foreground);

            &.current {
                background-color: var(--color-shade-1);
            }
        }
    }

    div.editbutton_table {
        position: relative; // for IE
        float: left;
        margin-top: -1.4em !important; // overwrite inline styles

        form div.no {
            button,
            input.button {
                min-height: 1rem;
                background-color: var(--color-shade-1);
                border: solid 0.1em var(--color-shade-2);
                border-radius: 0.5rem;
                color: var(--color-foreground);
                font-size: @font-size-small;
                margin: 0;
                margin-top: 0.5rem;
                padding: 0.2rem 0.4rem;
                height: auto;

                &:hover,
                &:focus,
                &:active {
                    background-color: transparent;
                    color: var(--color-glow-primary);
                    border-color: var(--color-glow-primary);
                    transition: var(--transition-glow);
                    filter: var(--filter-glow-primary);
                }
            }
        }

        + * {
            clear: left;
        }

        + div.editbutton_table {
            clear: none;
        }
    }
}