MDL-58349 mod_assign: text wrap for comment search while grading
[moodle.git] / mod / assign / feedback / editpdf / styles.css
CommitLineData
5c386472
DW
1.assignfeedback_editpdf_widget .toolbar ul {
2 display: none;
3}
4
5.assignfeedback_editpdf_widget .toolbar li {
6 list-style-type: none;
7}
bc33e9bd 8
5c386472
DW
9.assignfeedback_editpdf_widget .drawingcanvas {
10 position: relative;
11 min-width: 817px;
50c12f01 12 min-height: 400px;
5c386472 13 cursor: crosshair;
50c12f01
DS
14 background-repeat: no-repeat;
15 background-color: #ccc;
bb690849
DW
16 margin-left: auto;
17 margin-right: auto;
bc33e9bd 18 box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2);
bb690849 19}
bc33e9bd 20
bb690849
DW
21.assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
22 position: inherit;
50c12f01 23}
bc33e9bd 24
ab4d78ea
DW
25.assignfeedback_editpdf_widget .drawingregion[data-currenttool=drag] .drawingcanvas {
26 cursor: move;
27}
bc33e9bd 28
ab4d78ea
DW
29.assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .drawingcanvas {
30 cursor: pointer;
31}
bc33e9bd 32
50c12f01 33.assignfeedback_editpdf_widget .drawingregion {
bb690849
DW
34 border: 1px solid #ccc;
35 left: 1em;
36 right: 1em;
37 top: 52px;
99fe296e 38 bottom: 0;
bb690849 39 position: absolute;
50c12f01 40 overflow: auto;
36f1d79e 41 background-color: #ccc;
5c386472
DW
42}
43
44.assignfeedback_editpdf_widget {
45 user-select: none;
46 -moz-user-select: none;
47 -webkit-user-select: none;
5c386472
DW
48}
49
50.assignfeedback_editpdf_widget .pageheader {
51 background-color: #ebebeb;
aea8eaec 52 border-bottom: 1px solid #ccc;
99fe296e 53 padding: 0;
5c386472
DW
54 padding-left: 20px;
55 padding-right: 20px;
56 min-height: 50px;
bb690849
DW
57 height: 52px;
58 overflow: auto;
5c386472
DW
59}
60
61.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
99fe296e 62 padding: 0;
5c386472
DW
63}
64
bc33e9bd 65.assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges.haschanges {
bb690849 66 display: inline-block;
5c386472 67}
bc33e9bd 68
bb690849 69.assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges {
5c386472 70 display: none;
bb690849
DW
71 position: absolute;
72 left: 20px;
73 top: 60px;
74}
bc33e9bd 75
5c386472
DW
76.yui3-colourpicker-hidden,
77.yui3-commentsearch-hidden,
78.yui3-commentmenu-hidden {
79 display: none;
80}
bc33e9bd 81
298a7ee3 82.assignfeedback_editpdf_widget .pageheader button img {
6655b610
DW
83 padding-top: 3px;
84 vertical-align: top;
298a7ee3 85}
bc33e9bd 86
5c386472
DW
87.assignfeedback_editpdf_widget .pageheader button:active {
88 background-color: #ccc;
89}
bc33e9bd 90
5c386472
DW
91.assignfeedback_editpdf_widget .pageheader select,
92.assignfeedback_editpdf_widget .pageheader button {
93 background: none;
f2b8eb22 94 padding: 4px 7px;
99fe296e
DP
95 border: 0;
96 border-radius: 0;
97 margin: 0;
5c386472 98 height: 30px;
6655b610
DW
99 line-height: 30px;
100 vertical-align: top;
5c386472
DW
101 cursor: pointer;
102}
bc33e9bd 103
298a7ee3
DW
104.assignfeedback_editpdf_widget .pageheader select {
105 vertical-align: top;
106 -webkit-appearance: none;
107 -moz-appearance: menulist-text;
108 background-color: #fff;
99fe296e 109 padding: 0 10px;
298a7ee3 110}
bc33e9bd 111
298a7ee3
DW
112.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
113 display: none;
114}
5c386472
DW
115
116.assignfeedback_editpdf_widget .pageheader .navigation button + button,
117.assignfeedback_editpdf_widget .pageheader .toolbar button + button,
118.assignfeedback_editpdf_widget .pageheader .navigation select + button,
119.assignfeedback_editpdf_widget .pageheader .toolbar select + button {
aea8eaec 120 border-left: 1px solid #ccc;
99fe296e 121 border-right: 0;
5c386472
DW
122}
123
124.assignfeedback_editpdf_widget .pageheader .navigation button {
aea8eaec 125 border-right: 1px solid #ccc;
5c386472 126}
bc33e9bd 127
5c386472
DW
128.assignfeedback_editpdf_widget .pageheader .toolbar,
129.assignfeedback_editpdf_widget .pageheader .navigation-search,
23990a0a 130.assignfeedback_editpdf_widget .pageheader .navigation-expcol,
5c386472 131.assignfeedback_editpdf_widget .pageheader .navigation {
aea8eaec 132 border: 1px solid #ccc;
5c386472
DW
133 border-bottom-color: #b3b3b3;
134 border-radius: 4px;
135 margin: 10px 4px;
136 background-color: white;
137 height: 30px;
138 line-height: 30px;
99fe296e 139 padding: 0;
5c386472
DW
140}
141
142.assignfeedback_editpdf_commentsearch ul {
143 max-height: 400px;
144 overflow-y: auto;
145 padding: 1em;
146}
bc33e9bd 147
cb35482a
DW
148.assignfeedback_editpdf_commentsearch ul li pre {
149 background-color: #efefef;
fa16d7fb
RW
150 white-space: pre-wrap;
151 word-break: break-word;
cb35482a 152}
bc33e9bd 153
cb35482a
DW
154.assignfeedback_editpdf_commentsearch ul li pre:hover {
155 background-color: #ddd;
156}
bc33e9bd 157
5c386472 158.assignfeedback_editpdf_commentsearch ul li {
cb35482a 159 margin: 2px;
5c386472 160}
bc33e9bd 161
5c386472
DW
162.assignfeedback_editpdf_commentsearch a pre {
163 font-family: helvetica;
99fe296e 164 margin: 0;
5c386472
DW
165 padding: 4px;
166}
167
168.assignfeedback_editpdf_widget .navigation-search,
23990a0a 169.assignfeedback_editpdf_widget .navigation-expcol,
5c386472
DW
170.assignfeedback_editpdf_widget .navigation {
171 float: left;
172}
173
6655b610
DW
174.assignfeedback_editpdf_widget .toolbar button {
175 box-shadow: none;
176 -moz-box-shadow: none;
177 -webkit-box-shadow: none;
178}
bc33e9bd 179
5c386472
DW
180.assignfeedback_editpdf_widget .toolbar {
181 float: right;
182}
bc33e9bd 183
5c386472
DW
184.assignfeedback_editpdf_widget .navigation,
185.assignfeedback_editpdf_widget .navigation-search,
23990a0a 186.assignfeedback_editpdf_widget .navigation-expcol,
5c386472
DW
187.assignfeedback_editpdf_widget .toolbar {
188 display: inline-block;
189}
190
191.assignfeedback_editpdf_colourpicker ul {
99fe296e 192 margin: 0;
5c386472
DW
193}
194
195.assignfeedback_editpdf_commentmenu li.quicklist_comment {
196 width: 150px;
197}
bc33e9bd 198
5c386472
DW
199.assignfeedback_editpdf_commentmenu li.quicklist_comment a {
200 white-space: nowrap;
201 display: inline-block;
202 max-width: 130px;
203 overflow: hidden;
204 text-overflow: ellipsis;
205}
bc33e9bd 206
5c386472
DW
207.assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
208 float: right;
209}
bc33e9bd 210
5c386472 211.assignfeedback_editpdf_dropdown button {
99fe296e 212 border: 0;
5c386472 213 background: none;
f2b8eb22 214 padding: 6px 7px;
99fe296e 215 border-radius: 0;
aea8eaec 216 border-top: 1px solid #ccc;
5c386472 217}
bc33e9bd 218
5c386472 219.assignfeedback_editpdf_dropdown li:first-child button {
99fe296e 220 border-top: 0;
5c386472 221}
bc33e9bd 222
5c386472
DW
223.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
224 box-shadow: none;
225 -moz-box-shadow: none;
226 -webkit-box-shadow: none;
99fe296e
DP
227 margin-left: 0;
228 margin-right: 0;
229 margin-top: 0;
6655b610 230 border-radius: 4px;
5c386472 231}
bc33e9bd 232
5c386472 233.moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
99fe296e 234 padding: 0;
5c386472 235}
bc33e9bd 236
5c386472
DW
237.assignfeedback_editpdf_dropdown .moodle-dialogue-hd,
238.assignfeedback_editpdf_dropdown .moodle-dialogue-ft {
239 display: none;
240}
bc33e9bd 241
5c386472 242.assignfeedback_editpdf_menu li hr {
99fe296e 243 margin: 0;
5c386472 244}
bc33e9bd 245
5c386472
DW
246.assignfeedback_editpdf_menu li a {
247 text-decoration: none;
248 color: #555;
249 margin: 10px;
250}
bc33e9bd 251
d9f730fd
DW
252ul.assignfeedback_editpdf_search {
253 margin: 0;
254}
255
256.assignfeedback_editpdf_search li {
257 list-style-type: none;
258}
259
260.assignfeedback_editpdf_search li a {
261 text-decoration: none;
262 color: #555;
263}
264
5c386472
DW
265.assignfeedback_editpdf_menu li:hover,
266.assignfeedback_editpdf_menu li:hover a,
267.assignfeedback_editpdf_menu li a:hover {
cb35482a 268 background-color: #ebebeb;
aea8eaec 269 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
5c386472 270}
bc33e9bd 271
5c386472 272ul.assignfeedback_editpdf_menu {
99fe296e 273 margin: 0;
5c386472 274}
bc33e9bd 275
5c386472
DW
276.assignfeedback_editpdf_menu li {
277 list-style-type: none;
99fe296e 278 margin: 0;
5c386472
DW
279 border-radius: 4px;
280}
bc33e9bd 281
cb35482a
DW
282.assignfeedback_editpdf_menu li img {
283 height: auto;
284}
bc33e9bd 285
5c386472 286.assignfeedback_editpdf_menu li button {
99fe296e 287 margin: 0;
cb35482a 288 background: none;
5c386472
DW
289}
290
1d38083c
DW
291.assignfeedback_editpdf_widget .pageheader button:hover {
292 background-color: #ebebeb;
aea8eaec 293 background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
1d38083c
DW
294}
295
5c386472
DW
296.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
297.assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
1d38083c 298 background-color: #dfdfdf;
aea8eaec 299 background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
5c386472
DW
300}
301
302.assignfeedback_editpdf_widget .commentdrawable img {
303 padding: 1px;
304}
305
306.assignfeedback_editpdf_widget .commentdrawable a {
307 float: right;
308 position: relative;
309 left: -17px;
310 top: 2px;
311 height: 14px;
312 background-color: white;
313 border-left: 1px solid #ccc;
314 border-bottom: 1px solid #ccc;
315 line-height: 14px;
316}
317
5c386472
DW
318.assignfeedback_editpdf_widget .commentdrawable textarea {
319 padding: 4px;
320 padding-right: 20px;
321 resize: none;
322 overflow: hidden;
323 color: black;
324 border: 2px solid #ccc;
325 border-radius: 4px;
326 font-size: 16px;
327 font-family: helvetica;
328 min-height: 1.2em;
329}
330
e082fbd9
TB
331.assignfeedback_editpdf_widget .commentdrawable textarea:focus {
332 outline: thin dotted #333;
6f9f15d1
AN
333 outline-color: -webkit-focus-ring-color;
334 outline-width: 5px;
335 outline-style: auto;
e082fbd9
TB
336 outline-offset: -2px;
337}
338
5c386472
DW
339.assignfeedback_editpdf_widget .commentdrawable {
340 display: inline-block;
23990a0a
TB
341 z-index: 1;
342}
343
344.assignfeedback_editpdf_widget .commentdrawable label {
345 display: inline-block;
346}
347
348.assignfeedback_editpdf_widget .commentdrawable svg {
349 display: none;
350}
351
352.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
353 z-index: auto;
354}
355
356.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
357.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
358 display: none;
359}
360
361.assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
362 display: inline-block;
363 width: 24px;
364 height: 24px;
5c386472
DW
365}
366
aa3e4bde
JM
367.assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
368 text-align: center;
369}
bc33e9bd 370
50c12f01
DS
371.hideoverflow {
372 overflow: hidden;
373 position: relative;
374}
bc33e9bd 375
7d7e5a4c 376@media (max-width: 960px) {
bb690849
DW
377 .assignfeedback_editpdf_widget .pageheader {
378 height: 104px;
379 }
bc33e9bd 380
bb690849
DW
381 .assignfeedback_editpdf_widget .drawingregion {
382 top: 104px;
383 }
384}
bc33e9bd 385
bb690849
DW
386@media (max-width: 767px) {
387 .assignfeedback_editpdf_widget .drawingregion {
7d7e5a4c 388 position: relative;
bb690849 389 margin-bottom: 1em;
7d7e5a4c 390 top: 0;
bb690849 391 }
bc33e9bd 392
bb690849 393 .assignfeedback_editpdf_widget .pageheader {
7d7e5a4c 394 height: auto;
bb690849
DW
395 }
396}
bc33e9bd 397
7d7e5a4c 398@media (max-width: 480px) {
bb690849 399 .assignfeedback_editpdf_widget .pageheader {
7d7e5a4c
RW
400 padding-left: 5px;
401 padding-right: 5px;
bb690849
DW
402 }
403}