taille log header et debbugbar

user/config/system.yaml

@@ -150,7 +150,7 @@ log:
   syslog:
     facility: local6
 debugger:
-  enabled: true
+  enabled: false
   provider: debugbar
   censored: false
   shutdown:

user/themes/epau-antimatter/css-compiled/template.css

@@ -52,10 +52,10 @@ b, strong, label, th {
 .right {
   float: right; }
 
-.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, .modular .showcase .button {
-  -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  transition: all 0.5s ease; }
+.default-animation, #body, #header, #header #logo h3, #header #navbar ul.navigation, #header.scrolled img, .modular .showcase .button {
+  -webkit-transition: all 0.5s ease-in-out;
+  -moz-transition: all 0.5s ease-in-out;
+  transition: all 0.5s ease-in-out; }
 
 .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
   padding-left: 7rem;
@@ -795,7 +795,8 @@ ul.pagination {
   z-index: 1; }
 
 .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
-  padding-left: 3rem; }
+  padding-left: 3rem;
+  padding-right: 3rem; }
 
 #body > script:first-child + .grav-lightslider {
   margin-top: -3rem; }
@@ -815,6 +816,12 @@ ul.pagination {
 #header.scrolled {
   padding-left: 2rem;
   padding-right: 2rem; }
+  #header.scrolled img {
+    -webkit-transform: scale(0.85);
+    -moz-transform: scale(0.85);
+    -ms-transform: scale(0.85);
+    -o-transform: scale(0.85);
+    transform: scale(0.85); }
 
 #header #navbar ul.navigation li a {
   font-family: "Sarabun", sans-serif;
@@ -848,8 +855,14 @@ ul.pagination {
   transform: scale(0.75); }
   #logo img {
     padding: 0.5rem;
-    height: 3rem;
+    height: 4rem !important;
     margin: auto; }
+    @media (max-width: 442px) {
+      #logo img {
+        height: 3rem !important; } }
+    @media (max-width: 1024px) {
+      #logo img {
+        height: 3.5rem !important; } }
     #logo img #gouv {
       padding-right: 2rem;
       padding: 0.5rem;
@@ -865,7 +878,7 @@ ul.pagination {
     padding-right: 0rem !important; }
   #header #logo {
     position: absolute;
-    left: -1rem; } }
+    left: -2rem; } }
 
 @media (max-width: 1024px) {
   .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
@@ -990,7 +1003,7 @@ ul.pagination {
   @media (max-width: 1024px) {
     .texte-cache {
       max-height: 445px; } }
-  @media (max-width: 1024px) and (max-width: 442px) {
+  @media (max-width: 442px) {
     .texte-cache {
       max-height: 400px; } }
 

user/themes/epau-antimatter/scss/template/_custom.scss

@@ -12,6 +12,7 @@
 
 .padding-horiz, .fullwidth #header, .fullwidth #breadcrumbs, .fullwidth .blog-header, .fullwidth .blog-content-item, .fullwidth .content-wrapper, .fullwidth ul.pagination, .fullwidth #body > .modular-row, #body, #header, #footer {
   padding-left: 3rem;
+  padding-right: 3rem;
 }
 
 #body > script:first-child + .grav-lightslider {
@@ -36,6 +37,11 @@
 #header.scrolled {
   padding-left: 2rem;
   padding-right: 2rem;
+  img {
+    @include transform(scale(0.85));
+    @extend .default-animation;
+
+  }
 
 }
 #header #navbar ul.navigation li a {
@@ -65,6 +71,14 @@
   font-weight: 900;
 }
 
+#header #navbar ul.navigation {
+
+}
+
+// #header #logo img.scrolled {
+//   height: 3.5rem!important;
+// }
+
 #logo {
   position: relative;
   display: flex;
@@ -76,23 +90,32 @@
   //     visibility: visible;
   //     @include transform(scale(0.75));
 	// 	  @extend .default-animation;
-  //   }
+  //
 
-    img {
-      padding: 0.5rem;
-      height: 3rem;
-      margin:auto;
-      #gouv {
-        padding-right: 2rem;
-        padding: 0.5rem;
-        min-height: 4rem !important;
-        margin:auto;
-      }
-      #epau {
-      }
+  img {
+    padding: 0.5rem;
+    height: 4rem !important;
+    margin:auto;
+
+    @media (max-width: 442px) {
+      height: 3rem!important;
     }
+    @media (max-width: 1024px) {
+      height: 3.5rem!important;
+    }
+    #gouv {
+      padding-right: 2rem;
+      padding: 0.5rem;
+      min-height: 4rem !important;
+      margin:auto;
+    }
+    #epau {
+    }
+
+  }
 }
 
+
 @media (max-width: 442px) {
   #header #navbar {
     position: absolute;
@@ -104,7 +127,7 @@
   }
   #header #logo {
     position: absolute;
-    left: -1rem;
+    left: -2rem;
   }
 
 }
@@ -359,11 +382,11 @@
   transition: max-height 1s ease; /* Transition CSS entre l'ouverture et la fermeture*/
   @media (max-width: 1024px) {
     max-height: 445px;
+  }
   @media (max-width:442px) {
     max-height: 400px;
   }
 
-  }
 }
 
 /*Style du module TEXTE lorsqu'il est ouvert*/

user/themes/epau-antimatter/scss/template/_extensions.scss

@@ -1,5 +1,5 @@
 .default-animation {
-	@include transition(all 0.5s ease);
+	@include transition(all 0.5s ease-in-out);
 }
 
 .padding-horiz {