Browse Source

fix bug header sort du cadre

ouidade 2 năm trước cách đây
mục cha
commit
e601dce2bd

+ 6 - 6
web/themes/custom/eql/css-compiled/styles.css

@@ -187,7 +187,7 @@ a {
   .page-node-type-static .layout__region--third .block-region-third {
     margin: auto; } }
 
-@media (max-width: 479px) {
+@media (max-width: 300px) {
   #header-top #block-logogouv img {
     min-width: 60px;
     width: 70%;
@@ -3552,7 +3552,8 @@ a {
   .layout-container header {
     width: 100%;
     position: fixed;
-    z-index: 99; }
+    z-index: 99;
+    max-width: 100vw; }
 
 #header-top {
   height: 7rem;
@@ -3638,15 +3639,14 @@ a {
     align-self: flex-end;
     margin-left: auto; }
     #header-top #block-socialnetwork-2 .field--name-body {
-      min-height: 75px;
-      margin-right: 1rem; }
+      min-height: 75px; }
     #header-top #block-socialnetwork-2 p {
       display: flex;
       flex-direction: row-reverse;
       margin-bottom: 0;
       min-height: 65px;
       justify-content: space-around;
-      width: 120%; }
+      width: 140px; }
       #header-top #block-socialnetwork-2 p a {
         color: white;
         font-size: 0; }
@@ -3699,7 +3699,7 @@ a {
       display: block;
       margin: auto;
       height: 70px;
-      content: url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
+      content: url('data:image/svg+xml,<svg width="70" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); }
     #header-top #block-burger #block-burger-menu {
       display: block;
       margin: 0;

+ 7 - 2
web/themes/custom/eql/scss/global/_mediaqueries.scss

@@ -5,6 +5,7 @@
          display:none;
     }
 
+
     .page-node-type-static{
 
          //bandeau titre page static
@@ -53,6 +54,8 @@
 /////////marche pas !!!!!!
 
 @media (max-width: 810px){
+    
+    
     .page-node-type-static{
 
         //bandeau titre page static
@@ -84,7 +87,7 @@
 }
 
 
-@media (max-width: 479px){ 
+@media  (max-width: 300px){ 
     #header-top{
         #block-logogouv{
             img{
@@ -134,4 +137,6 @@
             }
         }
     }                            
-}
+}
+
+

+ 8 - 4
web/themes/custom/eql/scss/partials/_header.scss

@@ -6,6 +6,7 @@
         width: 100%;
         position: fixed;
         z-index: 99;
+        max-width: 100vw;
         // position: -webkit-sticky;
         // position: sticky;
         // top: 0;
@@ -29,8 +30,10 @@
     justify-content: space-between;
     color: $black;
     top:0%;
+
     scroll-margin: 8rem {};
    
+   
 
  // logo + menu déroulant
     .region-header-top-left {     
@@ -42,6 +45,7 @@
         color: $black;  
         font-weight: 800;
         flex: 1;
+        
 
         #block-logogouv{
             display: flex;
@@ -148,7 +152,7 @@
         margin-left: auto;
         .field--name-body{
             min-height: 75px;
-            margin-right: 1rem;
+            // margin-right: 1rem;
         }
             p{
                 display: flex;
@@ -156,7 +160,7 @@
                 margin-bottom: 0;
                 min-height: 65px;
                 justify-content: space-around;
-                width: 120%;
+                width: 140px;
                 a{
                     color: $white;
                     font-size: 0;
@@ -226,8 +230,8 @@
             display: block;
             margin:auto;
             height: 70px;
-            content:url('data:image/svg+xml,<svg width="100" height="70" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 30,13 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 30,25 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 30,37 H 70" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>');
-        }          
+            content:url('data:image/svg+xml,<svg width="70" height="50" xmlns="http://www.w3.org/2000/svg" version="1.1"> <path id="path930" d="M 5,13 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-3" d="M 5,25 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/><path id="path930-6" d="M 5,37 H 65" stroke-linecap="round" stroke="white" stroke-width="3"/></svg>'); 
+        }        
 
         #block-burger-menu{
             display: block;