canvas.scss in active_frontend-4.5.0

- old
+ new

@@ -1,8 +1,9 @@
 /* Table of Contents
 ==================================================
 # Canvas
+# Alternate
 # Media Queries */
 
 /* # Canvas
 ================================================== */
 .canvas {
@@ -18,11 +19,11 @@
   min-height: 100%;
   -webkit-overflow-scrolling: touch;
   overflow-scrolling: touch;
 }
 .canvas-content {
-  padding: 30px 0 50px 0;
+  padding: 30px 0 0 0;
   max-width: 100%;
   width: 100%;
 }
 .canvas-content.canvas-content-with-sidebar {
   max-width: calc(100% - 280px);
@@ -38,10 +39,18 @@
 .canvas-with-header .sidebar {
   height: calc(100% - 60px);
   max-height: calc(100% - 60px);
 }
 
+/* # Alternate
+================================================== */
+.canvas-app.canvas-with-header > .canvas-sidebar { margin-top: 0; }
+.canvas-app.canvas-with-header .sidebar {
+  height: 100%;
+  max-height: 100%;
+}
+
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
   .canvas-content.canvas-content-with-sidebar {
     max-width: calc(100% - 250px);
@@ -68,8 +77,11 @@
     width: 100%;
   }
   .canvas-sidebar { display: none; }
 }
 @media only screen and (max-width: 767px) {
-  .canvas-with-header > .canvas-content { margin-top: 50px; }
+  .canvas-with-header > .canvas-content {
+    margin-top: 50px;
+    padding-bottom: 50px;
+  }
   .canvas-with-footer > .canvas-content { padding-bottom: 80px; }
 }
\ No newline at end of file