Changeset 3398:88f3d2561542 for admin/style

Timestamp:

11/09/16 11:35:30 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Add a user preference to hide additional information (.more-info class) and normal notes (.form-note class) (.info, .warn and .warning remain displayed)

Location:

admin/style

Files:

• default.css (modified) (3 diffs)
• scss/init/_config.scss (modified) (1 diff)
• scss/partials/_forms.scss (modified) (1 diff)
• scss/partials/_index.scss (modified) (7 diffs)

admin/style/default.css

@@ -1164 +1164 @@
 span.form-note {
   text-transform: none; }
+
+.no-more-info {
+  display: none; }
 
 /* Removes inner padding and border in FF3+  - Knacss */
@@ -2091 +2094 @@
 /* raccourcis */
 #icons {
-  overflow: hidden;
-  text-align: center; }
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center; }
 
 #icons p {
   width: 13em;
   text-align: center;
-  margin: 1em 0 2em;
-  display: inline-block;
-  vertical-align: top; }
+  margin: 1em 0 2em; }
 
 #icons a,
@@ -2174 +2176 @@
 #dashboard-boxes {
   margin: 1em auto 1em;
-  padding-top: 2em; }
-
-.db-items,
-.db-contents {
-  display: inline-block;
-  text-align: center; }
+  padding-top: 2em;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center; }
 
 .no-js .outgoing img {

admin/style/scss/init/_config.scss

@@ -2 +2 @@
 
 // ----------------- Compass config --------------- //
-// Do not support IE less than IE9
+// Do not support IE less than IE10
 $browser-minimum-versions: (
   "ie": "10"

admin/style/scss/partials/_forms.scss

@@ -208 +208 @@
     text-transform: none;
 }
+
+// .more-info Additional information on fieldset, field, … (may be hide from user-prefs)
+.more-info {
+}
+.no-more-info {
+    display: none;
+}

admin/style/scss/partials/_index.scss

@@ -1 +1 @@
 #dashboard-main {
-    text-align: center;
+     text-align: center;
 }
 
@@ -7 +7 @@
 
 #icons {
-    overflow: hidden;
-    text-align: center;
+//    overflow: hidden;
+//    text-align: center;
+     display: flex;
+     flex-wrap: wrap;
+     justify-content: center;
 }
 
 #icons p {
-    width: 13em;
-    text-align: center;
-    margin: 1em 0 2em;
-    display: inline-block;
-    vertical-align: top;
+     width: 13em;
+     text-align: center;
+     margin: 1em 0 2em;
+//    display: inline-block;
+//    vertical-align: top;
 }
 
@@ -24 +27 @@
 #icons a:hover,
 #icons a:focus {
-    border-bottom-width: 0;
-    text-decoration: none;
+     border-bottom-width: 0;
+     text-decoration: none;
 }
 
 #icons a span {
-    border-bottom: 1px dotted #999;
-    color: #333;
+     border-bottom: 1px dotted #999;
+     color: #333;
 }
 
 #icons a img {
-    padding: 1.5em;
-    background-color: #f9f9f9;
-    border-radius: 8px;
-    border: 1px solid #dadada;
-    display: inline-block;
+     padding: 1.5em;
+     background-color: #f9f9f9;
+     border-radius: 8px;
+     border: 1px solid #dadada;
+     display: inline-block;
 }
 
 #icons a:focus img,
 #icons a:hover img {
-    background: #bee74b;
-    outline: 0;
-    border-color: #dadada;
+     background: #bee74b;
+     outline: 0;
+     border-color: #dadada;
 }
 
 #icons a:focus {
-    outline: 0;
-    border-color: #fff;
+     outline: 0;
+     border-color: #fff;
 }
 
 #icons a:hover span,
 #icons a:focus span {
-    border-bottom-style: solid;
+     border-bottom-style: solid;
 }
 
 #icons a:focus span {
-    border: 2px solid #bee74b;
+     border: 2px solid #bee74b;
 }
 
@@ -66 +69 @@
 
 #quick {
-    padding: 1em;
-    max-width: 976px;
-    margin: 0 auto;
-    background: #f5f5f5;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
-    text-align: left;
+     padding: 1em;
+     max-width: 976px;
+     margin: 0 auto;
+     background: #f5f5f5;
+     box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
+     text-align: left;
 }
 
 #quick h3 {
-    margin-bottom: 0.2em;
-    font-size: 1.2em;
+     margin-bottom: 0.2em;
+     font-size: 1.2em;
 }
 
 #quick p.qinfo {
-    margin: -.7em -1em 1em;
-    background: #D9EDF7 url(info.png) no-repeat .2em .2em;
-    border: 1px solid #BCE8F1;
-    padding: .2em 1em .1em 24px;
-    color: #000;
+     margin: -.7em -1em 1em;
+     background: #D9EDF7 url(info.png) no-repeat .2em .2em;
+     border: 1px solid #BCE8F1;
+     padding: .2em 1em .1em 24px;
+     color: #000;
 }
 
@@ -90 +93 @@
 .q-cat,
 .q-cat label {
-    display: inline-block;
-    vertical-align: top;
-    margin-right: 1em;
-    margin-top: 0;
+     display: inline-block;
+     vertical-align: top;
+     margin-right: 1em;
+     margin-top: 0;
 }
 
 .q-cat label {
-    margin-right: .3em;
+     margin-right: .3em;
 }
 
 #quick #new_cat {
-    margin-bottom: 2em;
+     margin-bottom: 2em;
 }
 
@@ -108 +111 @@
 
 #dashboard-boxes {
-    margin: 1em auto 1em;
-    padding-top: 2em;
+     margin: 1em auto 1em;
+     padding-top: 2em;
+     display: flex;
+     flex-wrap: wrap;
+     justify-content: center;
 }
 
 .db-items,
 .db-contents {
-    display: inline-block;
-    text-align: center;
+//   display: inline-block;
+//   text-align: center;
 }
 
 .no-js .outgoing img {
-    display: none;
+     display: none;
 }
 
 #dashboard-boxes .box {
-    padding: 10px;
-    border: 1px solid #ccc;
-    border-radius: 3px;
-    min-height: 200px;
-    margin: 10px;
-    text-align: left;
+     padding: 10px;
+     border: 1px solid #ccc;
+     border-radius: 3px;
+     min-height: 200px;
+     margin: 10px;
+     text-align: left;
 }
 
 .dc-box {
-    background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right;
+     background: transparent url(dc_logos/sq-logo-32.png) no-repeat top right;
 }
 
 .db-items img,
 .db-contents img {
-    vertical-align: middle;
+     vertical-align: middle;
 }
 
 .db-items ul,
 .db-contents ul {
-    display: block;
-    padding-left: 1.5em;
-    list-style: square;
+     display: block;
+     padding-left: 1.5em;
+     list-style: square;
 }
 
 .db-items li,
 .db-contents li {
-    margin: 0.25em 0 0 0;
+     margin: 0.25em 0 0 0;
 }
 
 #news dt {
-    font-weight: bold;
-    margin: 0 0 0.4em 0;
+     font-weight: bold;
+     margin: 0 0 0.4em 0;
 }
 
 #news dd {
-    margin: 0 0 1em 0;
+     margin: 0 0 1em 0;
 }
 
 #news dd p {
-    margin: 0.2em 0 0 0;
+     margin: 0.2em 0 0 0;
 }
 
@@ -169 +175 @@
 
 #upg-notify ul {
-    padding-left: 1.5em;
+     padding-left: 1.5em;
 }
 
 #upg-notify li {
-    color: #fff;
+     color: #fff;
 }