Changeset 3516:9e86d4e05afc

Timestamp:

01/13/17 13:48:29 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Adjust content entry right padding depending on screen size

Location:

admin/style

Files:

• default.css (modified) (1 diff)
• scss/partials/_entry.scss (modified) (1 diff)

admin/style/default.css

@@ -2736 +2736 @@
 
 #entry-content {
-  margin-left: 0;
-  padding-right: 3em; }
+  margin-left: 0; }
+  @media screen and (min-width: 80.01em) {
+    #entry-content {
+      padding-right: 3em; } }
   @media screen and (max-width: 38em) {
     #entry-content {
       padding-right: 1em; } }
+  @media screen and (max-width: 26.5em) {
+    #entry-content {
+      padding-right: 0; } }
 
 #entry-sidebar {

admin/style/scss/partials/_entry.scss

@@ -14 +14 @@
 #entry-content {
      margin-left: 0;
-     padding-right: 3em;
+     @media screen and (min-width: $xl-screen + 0.01em ) {
+          // Large padding on big screens
+          padding-right: 3em;
+     }
      @media screen and (max-width: $xs-screen) {
+          // Small padding on medium screens
           padding-right: 1em;
+     }
+     @media screen and (max-width: $xxs-screen) {
+          // No padding on small screens
+          padding-right: 0;
      }
 }