1@import "customMenu.less";
2
3@highlight-odd-ini_text: fade(@ini_background, 95%);
4@highlight-even-ini_text: fade(@ini_text, 5%);
5
6@border-radius: 6px;
7@border-style: 1px solid #ddd;
8
9.ProseMirror {
10    padding: 4px 8px 4px 14px;
11    white-space: pre-wrap;
12    border: @border-style;
13    border-radius: @border-radius;
14    outline: none;
15    counter-reset: prosemirror-footnote;
16
17    &::after {
18        display: block;
19        clear: both;
20        content: '';
21    }
22
23    .ProseMirror-selectednode {
24        outline: 2px solid #8cf;
25    }
26
27    li p {
28        margin: 0;
29        color: @ini_text;
30    }
31
32    .dwplugin {
33        border: 1px solid greenyellow;
34    }
35
36    .dwplugin::before {
37        content: '��';
38        color: greenyellow;
39        cursor: grab;
40        cursor: -webkit-grab;
41    }
42
43    .nodeHasForm {
44        &:hover {
45            background-color: #e8f1fd;
46            box-shadow: inset 0 0 0 1px #c6e0ff;
47        }
48    }
49
50    dl.code dd {
51        pre {
52            &::after {
53                content: attr(data-exithint);
54                float: right;
55                padding: 2px;
56                background: transparent;
57                border: 1px solid @ini_border;
58                border-radius: 7px;
59                box-shadow: 1px 3px @ini_border;
60            }
61        }
62    }
63
64    .footnote {
65        &::after {
66            content: counter(prosemirror-footnote) ')';
67            counter-increment: prosemirror-footnote;
68        }
69    }
70
71    // reset user agent margins for placeholder p in tables
72    th > p:only-child,
73    td > p:only-child {
74        margin-block-start: 0;
75        margin-block-end: 0;
76    }
77
78    .selectedCell {
79        background-color: rgba(200, 200, 255, 0.4);
80    }
81}
82
83.prosemirror_wrapper {
84    position: relative;
85    display: block;
86
87    .menubar {
88        position: sticky;
89        top: 0; // Users/Theme developers can override this to stick it below a sticky header
90        margin-bottom: 0.5rem;
91        border: @border-style;
92        border-radius: @border-radius;
93    }
94}
95
96.dokuwiki {
97    .plugin_prosemirror_useWYSIWYG {
98        position: absolute;
99        top: 2.9em;
100        right: 2em;
101        padding: 3px 8px;
102        color: #444;
103        background-color: white;
104    }
105
106    .footnote-tooltip {
107        .menubar {
108            position: static;
109        }
110    }
111
112    .plugin_prosemirror_linkform,
113    .plugin_prosemirror_mediaform,
114    .plugin_prosemirror_keyvalueform {
115        padding: 0;
116        background-color: white;
117
118        fieldset {
119            width: auto;
120        }
121
122        label {
123            display: block;
124            padding: 0.2rem;
125
126            input,
127            select {
128                width: 45%;
129            }
130
131            span {
132                display: inline-block;
133                width: 48%;
134                padding-right: 0.5em;
135            }
136
137            &:hover {
138                background-color: @ini_background_alt;
139            }
140        }
141
142        .mediaform_mediamanager,
143        .linkform_linkwiz {
144            float: right;
145            height: 30px;
146            margin: 0;
147            padding: 0;
148            background: transparent;
149            border: none;
150
151            svg {
152                width: 22px;
153                height: 22px;
154                margin: 0;
155                fill: #252525;
156            }
157        }
158
159        div.image-properties {
160            div.input-wrapper {
161                label {
162                    padding: 0.2rem 0 0 0;
163                }
164            }
165
166            p {
167                margin: 0.75em 0 0.25rem 0;
168            }
169        }
170    }
171
172    #link__wiz {
173        z-index: 105; // set to what plugin edittable defines
174    }
175}
176