/**
 * 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,
            @highlight-odd-ini_text,
            @highlight-odd-ini_text 10px,
            @highlight-even-ini_text 10px,
            @highlight-even-ini_text 20px,
        );
        border-color: @ini_background_page_header;
    }

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

    div.editBox {
        background-color: #FFF;
        border: solid 2px #FFF;

        .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;
        }
    }
}