/**
 * This file provides styles for the edit view (?do=edit), preview
 * and "section edit button" and "editbutton_table edit button".
 */

/* + + + + +  edit view  + + + + + */
#dokuwiki__content {
    div.section_highlight {
        clear: right;
        background: repeating-linear-gradient(-45deg,
        var(--color-shade-1),
        var(--color-shade-1) 10px,
        var(--color-background) 10px,
        var(--color-background) 20px,);
        border-color: var(--color-background);
    }

    // "section edit button" and "editbutton_table edit button"
    .secedit button {
        clear: both;
        font-size: 100%;
        margin-top: .5rem;
        margin-bottom: .5rem;

        &::after {

        }

        &:hover {
            &::after {
                border: none;
            }
        }
    }

    div.editBox {
        background-color: var(--color-background);
        border: solid 2px var(--color-shade-4);
        border-radius: @fix_border-radius;
        padding: 0.5rem;

        .editButtons {
            display: inline-block;
            padding-bottom: 1rem;
        }

        @media @screen_max-xs {
            div.summary {
                label[for=edit__summary] {
                    white-space: normal;
                    display: block;
                    width: 100%;

                    span {
                        display: inline-block;
                        padding-bottom: .4rem;
                    }

                    input#edit__summary {
                        max-width: 100%;
                        box-sizing: border-box;
                    }
                }
            }
        }
    }
}

.mode_edit {
    .content {
        .msg-area {
            display: block;
            margin-bottom: 1.5rem;
            clear: both;
        }

        #spr__meta-box {
            display: none;
        }
    }
}