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    span.unformatted {
65        padding: 0.2rem;
66        border: 1px dotted @ini_border;
67    }
68
69    .footnote {
70        &::after {
71            content: counter(prosemirror-footnote) ')';
72            counter-increment: prosemirror-footnote;
73        }
74    }
75
76    // reset user agent margins for placeholder p in tables
77    th > p:only-child,
78    td > p:only-child {
79        margin-block-start: 0;
80        margin-block-end: 0;
81    }
82
83    .selectedCell {
84        background-color: rgba(200, 200, 255, 0.4);
85    }
86}
87
88.prosemirror_wrapper {
89    position: relative;
90    display: block;
91
92    .menubar {
93        margin-bottom: 0.5rem;
94        border: @border-style;
95        border-radius: @border-radius;
96
97        &.prosemirror-menubar-fixed {
98            position: fixed;
99            top: 0;
100            padding: 1em;
101            border: 3px solid @ini_border;
102        }
103
104        div.dropdown_content {
105            min-width: 12rem;
106
107            img {
108                max-width: 1.5rem;
109            }
110        }
111    }
112}
113
114.dokuwiki {
115    .plugin_prosemirror_useWYSIWYG {
116        display: flex;
117        margin-bottom: 0.75rem;
118    }
119
120    .footnote-tooltip {
121        .menubar {
122            position: static;
123        }
124    }
125
126    .plugin_prosemirror_linkform,
127    .plugin_prosemirror_mediaform,
128    .plugin_prosemirror_keyvalueform {
129        padding: 0;
130        background-color: white;
131
132        fieldset {
133            width: auto;
134        }
135
136        label {
137            display: block;
138            padding: 0.2rem;
139
140            input,
141            select {
142                width: 45%;
143            }
144
145            span {
146                display: inline-block;
147                width: 48%;
148                padding-right: 0.5em;
149            }
150
151            &:hover {
152                background-color: @ini_background_alt;
153            }
154        }
155
156        .mediaform_mediamanager,
157        .linkform_linkwiz {
158            float: right;
159            height: 30px;
160            margin: 0;
161            padding: 0;
162            background: transparent;
163            border: none;
164
165            svg {
166                width: 22px;
167                height: 22px;
168                margin: 0;
169                fill: #252525;
170            }
171        }
172
173        div.image-properties {
174            div.input-wrapper {
175                label {
176                    padding: 0.2rem 0 0 0;
177                }
178            }
179
180            p {
181                margin: 0.75em 0 0.25rem 0;
182            }
183        }
184    }
185
186    #link__wiz {
187        z-index: 105; // set to what plugin edittable defines
188    }
189}
190