Merge branch 'MDL-42711-master' of git://github.com/nebgor/moodle
[moodle.git] / theme / bootstrapbase / less / moodle / responsive.less
index b9d6d6a..d7b25a2 100644 (file)
         border-bottom: thin solid #eee;
     }
     .course-content .section .activity .commands {
-        display: block;
         text-align: right;
     }
     /** Handles display of the activity chooser on small screens **/
         float: left;
     }
 
-// Hide broken drag'n'drop options on touch devices MDL-38371
-// Not a great workaround, landscape iPads are wider than this,
-// and a resized window on a netbook could be smaller, but best
-// we can do with CSS. There might be a JS-based solution.
-    .section .side,
-    .editing_move {
-        display: none;
-    }
-    .activityinstance > a {
-        display: block;
-    }
-
   // GRID & CONTAINERS
   // -----------------
   // Remove width from containers
     margin-left: 0;
     .box-sizing(border-box);
   }
+
+  // We need to specify a more specific selector to reset the width for
+  // cases when we have content in the side-pre blockregion but not in the
+  // side-post blockregion as there are more specific selectors in
+  // core.less which take precedence which break responsiveness.
+  .empty-region-side-post.used-region-side-pre {
+      #block-region-side-pre.span4,
+      #region-main.span8.span8 {
+        .fluid-span(12);
+      }
+  }
+
   .row-fluid .span12 {
     width: 100%;
     .box-sizing(border-box);
     margin-left: 0;
   }
   div[role=main] {
-      margin-bottom: 2em;
+      margin-bottom: 1em;
   }
     .coursebox {
         .info {
             margin: 0 0 1em 0;
         }
     }
-}
\ No newline at end of file
+}