Changeset 3409:3cece07999a2

Timestamp:

11/15/16 14:36:32 (9 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Review CSS of top user links (needed as we may have 3 differents sizes of font)

Location:

admin/style

Files:

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

admin/style/default.css

@@ -1533 +1533 @@
 /* top-info-user */
 #top-info-user {
-  padding-right: 18px;
+  padding-right: .5em;
   list-style-type: none;
   text-align: right; }
@@ -1547 +1547 @@
 
 #top-info-user a.active {
-  border-bottom-color: #fff;
+  border-width: 0;
+  border-radius: 4px;
   margin: 0;
-  padding: 18px .5em;
-  background-color: #fff;
-  color: #323232;
+  padding: 2px 8px 3px;
+  background-color: #f3f3f3;
+  color: #d33800;
   font-weight: bold; }
 
@@ -1557 +1558 @@
                                                             UN POIL DE MEDIA QUERIES
 ------------------------------------------------------------------------------------ */
-@media screen and (max-width: 80em) {
-  #top-info-user {
-    padding-right: .5em; }
-
-  #top-info-user a.active {
-    padding: 2px 8px;
-    border-width: 0;
-    border-radius: 6px; } }
 @media screen and (max-width: 26.5em) {
   h1,

admin/style/scss/init/_config.scss

@@ -83 +83 @@
 $xxl-screen:   120em;         // 1920 px
 
-$small-screen: $xxs-screen;
-$large-screen: $xxl-screen;
-
 // =========================================================================== //
 // =Various dimensions
 // =========================================================================== //
 
+// screens sizes
+
+$small-screen: $xxs-screen;
+$large-screen: $xxl-screen;
+
+// collapser width
+
 $collapser-width:   10px;

admin/style/scss/partials/_header.scss

@@ -105 +105 @@
 
 #top-info-user {
-     padding-right: 18px;
+     padding-right: .5em;
      list-style-type: none;
      text-align: right;
@@ -122 +122 @@
 
 #top-info-user a.active {
-     border-bottom-color: $white;
+     border-width: 0;
+     border-radius: 4px;
      margin: 0;
-     padding: 18px .5em;
-     background-color: $white;
-     color: $primary-color;
+     padding: 2px 8px 3px;
+     background-color: $secondary-background;
+     color: $secondary-color;
      font-weight: bold;
 }
@@ -133 +134 @@
                                                             UN POIL DE MEDIA QUERIES
 ------------------------------------------------------------------------------------ */
-
-@media screen and (max-width: $xl-screen) {
-     #top-info-user {
-          padding-right: .5em;
-     }
-     #top-info-user a.active {
-          padding: 2px 8px;
-          border-width: 0;
-          border-radius: 6px;
-     }
-}
 
 @media screen and (max-width: $xxs-screen) {