MDL-58349 mod_assign: text wrap for comment search while grading
[moodle.git] / mod / assign / feedback / editpdf / styles.css
1 .assignfeedback_editpdf_widget .toolbar ul {
2     display: none;
3 }
5 .assignfeedback_editpdf_widget .toolbar li {
6     list-style-type: none;
7 }
9 .assignfeedback_editpdf_widget .drawingcanvas {
10     position: relative;
11     min-width: 817px;
12     min-height: 400px;
13     cursor: crosshair;
14     background-repeat: no-repeat;
15     background-color: #ccc;
16     margin-left: auto;
17     margin-right: auto;
18     box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 20px rgba(0, 0, 0, .2);
19 }
21 .assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
22     position: inherit;
23 }
25 .assignfeedback_editpdf_widget .drawingregion[data-currenttool=drag] .drawingcanvas {
26     cursor: move;
27 }
29 .assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .drawingcanvas {
30     cursor: pointer;
31 }
33 .assignfeedback_editpdf_widget .drawingregion {
34     border: 1px solid #ccc;
35     left: 1em;
36     right: 1em;
37     top: 52px;
38     bottom: 0;
39     position: absolute;
40     overflow: auto;
41     background-color: #ccc;
42 }
44 .assignfeedback_editpdf_widget {
45     user-select: none;
46     -moz-user-select: none;
47     -webkit-user-select: none;
48 }
50 .assignfeedback_editpdf_widget .pageheader {
51     background-color: #ebebeb;
52     border-bottom: 1px solid #ccc;
53     padding: 0;
54     padding-left: 20px;
55     padding-right: 20px;
56     min-height: 50px;
57     height: 52px;
58     overflow: auto;
59 }
61 .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
62     padding: 0;
63 }
65 .assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges.haschanges {
66     display: inline-block;
67 }
69 .assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges {
70     display: none;
71     position: absolute;
72     left: 20px;
73     top: 60px;
74 }
76 .yui3-colourpicker-hidden,
77 .yui3-commentsearch-hidden,
78 .yui3-commentmenu-hidden {
79     display: none;
80 }
82 .assignfeedback_editpdf_widget .pageheader button img {
83     padding-top: 3px;
84     vertical-align: top;
85 }
87 .assignfeedback_editpdf_widget .pageheader button:active {
88     background-color: #ccc;
89 }
91 .assignfeedback_editpdf_widget .pageheader select,
92 .assignfeedback_editpdf_widget .pageheader button {
93     background: none;
94     padding: 4px 7px;
95     border: 0;
96     border-radius: 0;
97     margin: 0;
98     height: 30px;
99     line-height: 30px;
100     vertical-align: top;
101     cursor: pointer;
104 .assignfeedback_editpdf_widget .pageheader select {
105     vertical-align: top;
106     -webkit-appearance: none;
107     -moz-appearance: menulist-text;
108     background-color: #fff;
109     padding: 0 10px;
112 .assignfeedback_editpdf_widget .pageheader select::-ms-expand {
113     display: none;
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 {
120     border-left: 1px solid #ccc;
121     border-right: 0;
124 .assignfeedback_editpdf_widget .pageheader .navigation button {
125     border-right: 1px solid #ccc;
128 .assignfeedback_editpdf_widget .pageheader .toolbar,
129 .assignfeedback_editpdf_widget .pageheader .navigation-search,
130 .assignfeedback_editpdf_widget .pageheader .navigation-expcol,
131 .assignfeedback_editpdf_widget .pageheader .navigation {
132     border: 1px solid #ccc;
133     border-bottom-color: #b3b3b3;
134     border-radius: 4px;
135     margin: 10px 4px;
136     background-color: white;
137     height: 30px;
138     line-height: 30px;
139     padding: 0;
142 .assignfeedback_editpdf_commentsearch ul {
143     max-height: 400px;
144     overflow-y: auto;
145     padding: 1em;
148 .assignfeedback_editpdf_commentsearch ul li pre {
149     background-color: #efefef;
150     white-space: pre-wrap;
151     word-break: break-word;
154 .assignfeedback_editpdf_commentsearch ul li pre:hover {
155     background-color: #ddd;
158 .assignfeedback_editpdf_commentsearch ul li {
159     margin: 2px;
162 .assignfeedback_editpdf_commentsearch a pre {
163     font-family: helvetica;
164     margin: 0;
165     padding: 4px;
168 .assignfeedback_editpdf_widget .navigation-search,
169 .assignfeedback_editpdf_widget .navigation-expcol,
170 .assignfeedback_editpdf_widget .navigation {
171     float: left;
174 .assignfeedback_editpdf_widget .toolbar button {
175     box-shadow: none;
176     -moz-box-shadow: none;
177     -webkit-box-shadow: none;
180 .assignfeedback_editpdf_widget .toolbar {
181     float: right;
184 .assignfeedback_editpdf_widget .navigation,
185 .assignfeedback_editpdf_widget .navigation-search,
186 .assignfeedback_editpdf_widget .navigation-expcol,
187 .assignfeedback_editpdf_widget .toolbar {
188     display: inline-block;
191 .assignfeedback_editpdf_colourpicker ul {
192     margin: 0;
195 .assignfeedback_editpdf_commentmenu li.quicklist_comment {
196     width: 150px;
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;
207 .assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
208     float: right;
211 .assignfeedback_editpdf_dropdown button {
212     border: 0;
213     background: none;
214     padding: 6px 7px;
215     border-radius: 0;
216     border-top: 1px solid #ccc;
219 .assignfeedback_editpdf_dropdown li:first-child button {
220     border-top: 0;
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;
227     margin-left: 0;
228     margin-right: 0;
229     margin-top: 0;
230     border-radius: 4px;
233 .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
234     padding: 0;
237 .assignfeedback_editpdf_dropdown .moodle-dialogue-hd,
238 .assignfeedback_editpdf_dropdown .moodle-dialogue-ft {
239     display: none;
242 .assignfeedback_editpdf_menu li hr {
243     margin: 0;
246 .assignfeedback_editpdf_menu li a {
247     text-decoration: none;
248     color: #555;
249     margin: 10px;
252 ul.assignfeedback_editpdf_search {
253     margin: 0;
256 .assignfeedback_editpdf_search li {
257     list-style-type: none;
260 .assignfeedback_editpdf_search li a {
261     text-decoration: none;
262     color: #555;
265 .assignfeedback_editpdf_menu li:hover,
266 .assignfeedback_editpdf_menu li:hover a,
267 .assignfeedback_editpdf_menu li a:hover {
268     background-color: #ebebeb;
269     background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
272 ul.assignfeedback_editpdf_menu {
273     margin: 0;
276 .assignfeedback_editpdf_menu li {
277     list-style-type: none;
278     margin: 0;
279     border-radius: 4px;
282 .assignfeedback_editpdf_menu li img {
283     height: auto;
286 .assignfeedback_editpdf_menu li button {
287     margin: 0;
288     background: none;
291 .assignfeedback_editpdf_widget .pageheader button:hover {
292     background-color: #ebebeb;
293     background-image: radial-gradient(ellipse at center, #fff 60%, #dfdfdf 100%);
296 .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
297 .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
298     background-color: #dfdfdf;
299     background-image: radial-gradient(ellipse at center, #fff 40%, #dfdfdf 100%);
302 .assignfeedback_editpdf_widget .commentdrawable img {
303     padding: 1px;
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;
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;
331 .assignfeedback_editpdf_widget .commentdrawable textarea:focus {
332     outline: thin dotted #333;
333     outline-color: -webkit-focus-ring-color;
334     outline-width: 5px;
335     outline-style: auto;
336     outline-offset: -2px;
339 .assignfeedback_editpdf_widget .commentdrawable {
340     display: inline-block;
341     z-index: 1;
344 .assignfeedback_editpdf_widget .commentdrawable label {
345     display: inline-block;
348 .assignfeedback_editpdf_widget .commentdrawable svg {
349     display: none;
352 .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed {
353     z-index: auto;
356 .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed textarea,
357 .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed a {
358     display: none;
361 .assignfeedback_editpdf_widget .commentdrawable.commentcollapsed svg {
362     display: inline-block;
363     width: 24px;
364     height: 24px;
367 .assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
368     text-align: center;
371 .hideoverflow {
372     overflow: hidden;
373     position: relative;
376 @media (max-width: 960px) {
377     .assignfeedback_editpdf_widget .pageheader {
378         height: 104px;
379     }
381     .assignfeedback_editpdf_widget .drawingregion {
382         top: 104px;
383     }
386 @media (max-width: 767px) {
387     .assignfeedback_editpdf_widget .drawingregion {
388         position: relative;
389         margin-bottom: 1em;
390         top: 0;
391     }
393     .assignfeedback_editpdf_widget .pageheader {
394         height: auto;
395     }
398 @media (max-width: 480px) {
399     .assignfeedback_editpdf_widget .pageheader {
400         padding-left: 5px;
401         padding-right: 5px;
402     }