MDL-54594 mod_assign: Fix editpdf toolbar breakpoints
[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 }
8 .assignfeedback_editpdf_widget .drawingcanvas {
9     position: relative;
10     min-width: 817px;
11     min-height: 400px;
12     cursor: crosshair;
13     background-repeat: no-repeat;
14     background-color: #ccc;
15     margin-left: auto;
16     margin-right: auto;
17 }
18 .assignfeedback_editpdf_widget .moodle-dialogue-bd .drawingregion {
19     position: inherit;
20 }
21 .assignfeedback_editpdf_widget .drawingregion[data-currenttool=drag] .drawingcanvas {
22     cursor: move;
23 }
24 .assignfeedback_editpdf_widget .drawingregion[data-currenttool=select] .drawingcanvas {
25     cursor: pointer;
26 }
27 .assignfeedback_editpdf_widget .drawingregion {
28     border: 1px solid #ccc;
29     left: 1em;
30     right: 1em;
31     top: 52px;
32     bottom: 0px;
33     position: absolute;
34     overflow: auto;
35 }
37 .assignfeedback_editpdf_widget {
38     user-select: none;
39     -moz-user-select: none;
40     -webkit-user-select: none;
41     -o-user-select: none;
42 }
44 .assignfeedback_editpdf_widget .pageheader {
45     background-color: #ebebeb;
46     border-bottom: 1px solid #cccccc;
47     padding: 0px;
48     padding-left: 20px;
49     padding-right: 20px;
50     min-height: 50px;
51     height: 52px;
52     overflow: auto;
53 }
55 .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_widget .moodle-dialogue-bd {
56     padding: 0px;
57 }
59 .assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges.haschanges{
60     display: inline-block;
61 }
62 .assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges {
63     display: none;
64     position: absolute;
65     left: 20px;
66     top: 60px;
67 }
68 .dir-rtl .assignfeedback_editpdf_widget .assignfeedback_editpdf_unsavedchanges {
69     float: right;
70 }
71 .yui3-colourpicker-hidden,
72 .yui3-commentsearch-hidden,
73 .yui3-commentmenu-hidden {
74     display: none;
75 }
76 .assignfeedback_editpdf_widget .pageheader button img {
77     padding-top: 3px;
78     vertical-align: top;
79 }
80 .assignfeedback_editpdf_widget .pageheader button:active {
81     background-color: #ccc;
82 }
83 .assignfeedback_editpdf_widget .pageheader select,
84 .assignfeedback_editpdf_widget .pageheader button {
85     background: none;
86     padding: 4px 7px;
87     border: 0px;
88     border-radius: 0px;
89     margin: 0px;
90     height: 30px;
91     line-height: 30px;
92     vertical-align: top;
93     cursor: pointer;
94 }
95 .assignfeedback_editpdf_widget .pageheader select {
96     vertical-align: top;
97     -webkit-appearance: none;
98     -moz-appearance: menulist-text;
99     background-color: #fff;
100     padding: 0px 10px;
102 .assignfeedback_editpdf_widget .pageheader select::-ms-expand {
103     display: none;
106 .assignfeedback_editpdf_widget .pageheader .navigation button + button,
107 .assignfeedback_editpdf_widget .pageheader .toolbar button + button,
108 .assignfeedback_editpdf_widget .pageheader .navigation select + button,
109 .assignfeedback_editpdf_widget .pageheader .toolbar select + button {
110     border-left: 1px solid #cccccc;
111     border-right: 0px;
114 .assignfeedback_editpdf_widget .pageheader .navigation button {
115     border-right: 1px solid #cccccc;
117 .assignfeedback_editpdf_widget .pageheader .toolbar,
118 .assignfeedback_editpdf_widget .pageheader .navigation-search,
119 .assignfeedback_editpdf_widget .pageheader .navigation {
120     border: 1px solid #cccccc;
121     border-bottom-color: #b3b3b3;
122     border-radius: 4px;
123     margin: 10px 4px;
124     background-color: white;
125     height: 30px;
126     line-height: 30px;
127     padding: 0px;
130 .assignfeedback_editpdf_commentsearch ul {
131     max-height: 400px;
132     overflow-y: auto;
133     padding: 1em;
135 .assignfeedback_editpdf_commentsearch ul li pre {
136     background-color: #efefef;
138 .assignfeedback_editpdf_commentsearch ul li pre:hover {
139     background-color: #ddd;
141 .assignfeedback_editpdf_commentsearch ul li {
142     line-height: 0px;
143     margin: 2px;
145 .assignfeedback_editpdf_commentsearch a pre {
146     font-family: helvetica;
147     margin: 0px;
148     padding: 4px;
151 .assignfeedback_editpdf_widget .navigation-search,
152 .assignfeedback_editpdf_widget .navigation {
153     float: left;
156 .dir-rtl .assignfeedback_editpdf_widget .navigation-search,
157 .dir-rtl .assignfeedback_editpdf_widget .navigation {
158     float: right;
160 .assignfeedback_editpdf_widget .toolbar button {
161     box-shadow: none;
162     -moz-box-shadow: none;
163     -webkit-box-shadow: none;
165 .assignfeedback_editpdf_widget .toolbar {
166     float: right;
168 .dir-rtl .assignfeedback_editpdf_widget .toolbar {
169     float: left;
171 .assignfeedback_editpdf_widget .navigation,
172 .assignfeedback_editpdf_widget .navigation-search,
173 .assignfeedback_editpdf_widget .toolbar {
174     display: inline-block;
177 .assignfeedback_editpdf_colourpicker ul {
178     margin: 0px;
181 .assignfeedback_editpdf_commentmenu li.quicklist_comment {
182     width: 150px;
184 .assignfeedback_editpdf_commentmenu li.quicklist_comment a {
185     white-space: nowrap;
186     display: inline-block;
187     max-width: 130px;
188     overflow: hidden;
189     text-overflow: ellipsis;
191 .assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
192     float: right;
194 .dir-rtl .assignfeedback_editpdf_commentmenu a.delete_quicklist_comment {
195     float: left;
197 .assignfeedback_editpdf_dropdown button {
198     border: 0px;
199     background: none;
200     padding: 6px 7px;
201     border-radius: 0px;
202     border-top: 1px solid #cccccc;
204 .assignfeedback_editpdf_dropdown li:first-child button {
205     border-top: 0px;
207 .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-wrap {
208     box-shadow: none;
209     -moz-box-shadow: none;
210     -webkit-box-shadow: none;
211     margin-left: 0px;
212     margin-right: 0px;
213     margin-top: 0px;
214     border-radius: 4px;
216 .moodle-dialogue-base .moodle-dialogue.assignfeedback_editpdf_dropdown .moodle-dialogue-bd {
217     padding: 0px;
219 .assignfeedback_editpdf_dropdown .moodle-dialogue-hd,
220 .assignfeedback_editpdf_dropdown .moodle-dialogue-ft {
221     display: none;
223 .assignfeedback_editpdf_menu li hr {
224     margin: 0px;
226 .assignfeedback_editpdf_menu li a {
227     text-decoration: none;
228     color: #555;
229     margin: 10px;
231 .assignfeedback_editpdf_menu li:hover,
232 .assignfeedback_editpdf_menu li:hover a,
233 .assignfeedback_editpdf_menu li a:hover {
234     background-color: #ebebeb;
235     background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
237 ul.assignfeedback_editpdf_menu {
238     margin: 0px;
240 .assignfeedback_editpdf_menu li {
241     list-style-type: none;
242     margin: 0px;
243     border-radius: 4px;
245 .assignfeedback_editpdf_menu li img {
246     height: auto;
248 .assignfeedback_editpdf_menu li button {
249     margin: 0px;
250     background: none;
253 .assignfeedback_editpdf_widget .pageheader button:hover {
254     background-color: #ebebeb;
255     background-image: radial-gradient(ellipse at center, #ffffff 60%,#dfdfdf 100%);
258 .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton:hover,
259 .assignfeedback_editpdf_widget .pageheader button.assignfeedback_editpdf_selectedbutton {
260     background-color: #dfdfdf;
261     background-image: radial-gradient(ellipse at center, #ffffff 40%,#dfdfdf 100%);
264 .assignfeedback_editpdf_widget .commentdrawable img {
265     padding: 1px;
268 .assignfeedback_editpdf_widget .commentdrawable a {
269     float: right;
270     position: relative;
271     left: -17px;
272     top: 2px;
273     height: 14px;
274     background-color: white;
275     border-left: 1px solid #ccc;
276     border-bottom: 1px solid #ccc;
277     line-height: 14px;
280 .dir-rtl .assignfeedback_editpdf_widget .commentdrawable a {
281     float: left;
282     left: none;
283     right: -17px;
284     border-left: 0px;
285     border-right: 1px solid #ccc;
288 .assignfeedback_editpdf_widget .commentdrawable textarea {
289     padding: 4px;
290     padding-right: 20px;
291     resize: none;
292     overflow: hidden;
293     color: black;
294     border: 2px solid #ccc;
295     border-radius: 4px;
296     font-size: 16px;
297     font-family: helvetica;
298     min-height: 1.2em;
301 .assignfeedback_editpdf_widget .commentdrawable {
302     display: inline-block;
305 .dir-rtl .assignfeedback_editpdf_widget .commentdrawable textarea {
306     padding-left: 20px;
307     padding-right: 4px;
309 .assignfeedback_editpdf_widget .drawingcanvas .loading .progressbarlabel {
310     text-align: center;
312 .hideoverflow {
313     overflow: hidden;
314     position: relative;
316 @media (max-width: 960px) {
317     .assignfeedback_editpdf_widget .pageheader {
318         height: 104px;
319     }
320     .assignfeedback_editpdf_widget .drawingregion {
321         top: 104px;
322     }
324 @media (max-width: 767px) {
325     .assignfeedback_editpdf_widget .drawingregion {
326         position: relative;
327         margin-bottom: 1em;
328         top: 0;
329     }
330     .assignfeedback_editpdf_widget .pageheader {
331         height: auto;
332     }
334 @media (max-width: 480px) {
335     .assignfeedback_editpdf_widget .pageheader {
336         padding-left: 5px;
337         padding-right: 5px;
338     }