Changeset 3513:49903df908f3 for admin/style/scss/partials

Timestamp:

01/12/17 15:31:17 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

First attempt to fix post/page edition on different screen sizes

Location:

admin/style/scss/partials

Files:

• _buttons.scss (modified) (7 diffs)
• _entry.scss (modified) (2 diffs)
• _layout.scss (modified) (1 diff)
• _main-menu.scss (modified) (1 diff)
• _markup.scss (modified) (1 diff)
• _messages.scss (modified) (4 diffs)

admin/style/scss/partials/_buttons.scss

@@ -64 +64 @@
      @include background-image(linear-gradient(to bottom, #25a6e1, #188bc0));
      border-color: #25a6e1;
-     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 
@@ -101 +100 @@
      background-repeat: repeat-x;
      border-color: #dfdfdf #dfdfdf #c5c5c5;
-     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
 }
 
@@ -158 +156 @@
      background-repeat: repeat-x;
      border-color: #cd504a;
-     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
 }
 
@@ -174 +171 @@
      border-color: #bee74b;
      padding: .33em 1.33em .5em;
-     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
-     //    font-weight: normal;
-     //    font-size: 1.16em;
 }
 
@@ -209 +203 @@
 button.disabled,
 button[type=submit].disabled {
-     text-shadow: none;
      color: #676e78;
      background: #F5F5F5;
@@ -238 +231 @@
      font-size: 0.825em;
      color: #333;
-     text-shadow: none;
      background: #fff;
      box-shadow: none;
@@ -281 +273 @@
 .addMeta button:not(.metaGetMore),
 .addMeta a:not(.metaGetMore) {
-     text-shadow: initial;
      box-shadow: initial;
      margin-bottom: 2px;

admin/style/scss/partials/_entry.scss

@@ +1 @@
+#entry-form {
+     display: flex;
+     flex-wrap: wrap;
+}
+
 #entry-wrapper {
-     float: left;
-     width: 100%;
-     margin-right: -16em;
+     flex-grow: 1;
+     width: calc(100% - 19em);
+     @media screen and (max-width: $xl-screen) {
+          width: 100%;
+     }
 }
 
 #entry-content {
-     margin-right: 18em;
      margin-left: 0;
+     padding-right: 3em;
+     @media screen and (max-width: $xs-screen) {
+          padding-right: 1em;
+     }
 }
 
 #entry-sidebar {
-     width: 16em;
-     float: right;
+     display: flex;
+     flex-wrap: wrap;
+     flex-direction: column;
+     @media screen and (max-width: $xl-screen) {
+          flex-direction: row;
+     }
+     @media screen and (max-width: $xs-screen) {
+          padding-right: 1em;
+     }
+
      h4 {
           font-size: 1.08em;
@@ -26 +44 @@
 
 .sb-box {
-     border-bottom: 1px solid #dfdfdf;
+     width: 18em;
      margin-bottom: 1em;
+     margin-right: 1em;
+     padding: .5em 1em;
+     background-color: $secondary-background;
 }
 

admin/style/scss/partials/_layout.scss

@@ -400 +400 @@
           margin-right: 0;
      }
-     #entry-wrapper {
-          float: none;
-          width: 100%;
-          margin-right: 0;
-     }
-     #entry-content {
-          margin-right: 0;
-          margin-left: 0;
-     }
-     #entry-sidebar {
-          width: 100%;
-          float: none;
-     }
 }
 

admin/style/scss/partials/_main-menu.scss

@@ -85 +85 @@
           border-top-left-radius: 0;
           border-bottom-left-radius: 0;
-          text-shadow: none;
           border: none;
           border-left: 1px solid #999;

admin/style/scss/partials/_markup.scss

@@ -53 +53 @@
      font-weight: bold;
      color: #333;
-     text-shadow: 0 1px 0 rgba(200, 200, 200, 0.6)
 }
 

admin/style/scss/partials/_messages.scss

@@ -9 +9 @@
      line-height: 1.5em;
      border-radius: 3px;
-     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
 }
 
@@ -63 +62 @@
      background: #FFBABA url(msg-error.png) no-repeat .7em .7em;
      color: #000;
-     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
 }
 
@@ -82 +80 @@
 .warning-msg {
      color: #000;
-     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6)
 }
 
@@ -126 +123 @@
      border-radius: 8px;
      background: #A2CBE9 url(msg-success.png) no-repeat .7em .7em;
-     text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
      color: #000;
      box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);