MDL-54594 mod_assign: Fix editpdf toolbar breakpoints
authorRyan Wyllie <ryan@moodle.com>
Wed, 18 May 2016 01:15:24 +0000 (01:15 +0000)
committerRyan Wyllie <ryan@moodle.com>
Wed, 18 May 2016 05:53:44 +0000 (05:53 +0000)
Fixed the CSS media breakpoints for the editpdf toolbar after the
additional button was added.

mod/assign/feedback/editpdf/styles.css

index 684a46a..1303d35 100644 (file)
@@ -313,7 +313,7 @@ ul.assignfeedback_editpdf_menu {
     overflow: hidden;
     position: relative;
 }
-@media (max-width: 899px) {
+@media (max-width: 960px) {
     .assignfeedback_editpdf_widget .pageheader {
         height: 104px;
     }
@@ -323,21 +323,17 @@ ul.assignfeedback_editpdf_menu {
 }
 @media (max-width: 767px) {
     .assignfeedback_editpdf_widget .drawingregion {
-        position: inherit;
+        position: relative;
         margin-bottom: 1em;
+        top: 0;
     }
     .assignfeedback_editpdf_widget .pageheader {
-        height: 52px;
-    }
-    .assignfeedback_editpdf_widget .drawingregion {
-        top: 52px;
+        height: auto;
     }
 }
-@media (max-width: 683px) {
+@media (max-width: 480px) {
     .assignfeedback_editpdf_widget .pageheader {
-        height: 104px;
-    }
-    .assignfeedback_editpdf_widget .drawingregion {
-        top: 104px;
+        padding-left: 5px;
+        padding-right: 5px;
     }
 }