Browse Source

fixed icon alignement on header's blocks

Bachir Soussi Chiadmi 8 years ago
parent
commit
f0295847f9

File diff suppressed because it is too large
+ 187 - 192
sites/all/themes/gui/materiobasetheme/css/styles.css


+ 42 - 33
sites/all/themes/gui/materiobasetheme/scss/styles.scss

@@ -222,7 +222,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       margin-top:-3px;
       margin-left:-0.5em;
       @include fs900;
-      @media #{$small-only} {display:none;}
+      @media #{$small-only and $medium-only} {display:none;}
      .ie8 &{position: absolute; margin-top:22px;}
     }
   }
@@ -237,7 +237,7 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     >.region{
       @include inlineblock();vertical-align:middle;
       padding-right:1em; margin-right:1em;
-      @media #{$small-only}{ padding-right:0.3em; margin-right:0.3em; }//change this
+      @media #{$small-only and $medium-only}{ padding-right:0.3em; margin-right:0.3em; }//change this
       border-right: 1px solid #707070;
       &:last-child{border:none; padding: 0; margin: 0;}
     }
@@ -253,6 +253,15 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       }
     }
 
+    #block-materio-user-front-link{
+      a{
+        @include fs12;
+        // line-height: 1.2;
+      }
+      // i{ vertical-align: text-bottom; margin: 0 2px 0px 0;}
+      span.text{ display:none; }
+    }
+
     #block-user-login{
       @include fs12;
       text-align:left; position:relative;
@@ -318,13 +327,38 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       } //change this
     }
 
+    #block-ajax-register-ajax-register-block{
+      @include fs12;
+      text-transform: lowercase;
+    }
+
+    #block-logintoboggan-logintoboggan-logged-in{
+      @include fs12;
+      line-height:1.5;
+      i{
+        vertical-align: text-bottom;
+        margin: 0 5px 1px 0;
+        line-height:1;
+      }
+      a span.account{text-transform: lowercase;}
+      a span.logout{display:none; margin-left:5px; }
+      .fi-power{margin: 0 0.5em 0 0.5em;}
+      // @media #{$large-only}{ .fi-power{display: none;} }
+      @media #{$small-only and $medium-only}{a span.account{display:none;}} //change this
+    }
+
     #block-materio-flag-materio-flag-mylists-nav{
       position:relative;
       h2{
         margin: 0;
         @include fs12;
-        line-height:1.1;}// @include fs700;
-      // h2, section.mylists{@include inlineblock();}
+        line-height:1.5;
+        i{line-height:1;}
+        @media #{$small-only and $medium-only}{
+          span.menu-title{display:none;}
+        }
+      }// @include fs700;
+
       section.mylists{
         position:absolute; z-index:20; background-color: rgba(255, 255, 255, 0.9); min-width:100%; margin: 0 0 0 -5px;
         @include rounded(3px); @include drop-shadow(-2px, 2px, 5px, 0.2);
@@ -365,26 +399,6 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       }
     }
 
-    #block-ajax-register-ajax-register-block{
-      @include fs12;
-      text-transform: lowercase;
-    }
-
-    #block-logintoboggan-logintoboggan-logged-in{
-      @include fs12;
-      i{
-        vertical-align: text-bottom;
-        margin: 0 5px 1px 0;
-      }
-      a span.account{text-transform: lowercase;}
-      a span.logout{display:none; margin-left:5px; }
-      .fi-power{margin: 0 0.5em 0 0.5em;}
-      @media #{$large-only}{ .fi-power{display: none;} }
-      @media #{$medium-up}{ a span.logout{display:none;} }
-
-      @media #{$small-only}{a span.account{display:none;}} //change this
-    }
-
     #headerblock-right{
       .block{
         @include inlineblock; vertical-align: middle; padding:0;
@@ -493,13 +507,6 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
       ;}
     }
 
-    #block-materio-user-front-link{
-      a{
-        @include fs12;
-      }
-      i{ vertical-align: text-bottom; margin: 0 2px 2px 0;}
-      span.text{ display:none; }
-    }
   }
 }
 /*
@@ -934,9 +941,11 @@ $headerouterheight:$headerheight+$headerpaddingtop+$headerpaddingbottom;
     // .ie8 &{margin-top:40px;}
     margin: 0 10px 0 0;
     h1{ margin: 0;
-      @include fs24; text-transform: capitalize; @include fs300; line-height:1;}
+      @include fs24; text-transform: capitalize; @include fs300;
+      // line-height:1;
+    }
     i{ vertical-align: middle ; margin-right:5px;}
-    i.icon-materio-folder{margin-bottom:2px;}
+    // i.icon-materio-folder{line-height: 1.3;}
     a.edit-list{
       @include op-hidden;
       i{ margin: 0 0 0 5px;}

Some files were not shown because too many files changed in this diff