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