js header

web/themes/custom/reha/scss/partials/_footer.scss

@@ -3,7 +3,7 @@ footer{
     // display: flex;
 
     // flex-direction: row;
-    background-color: white;
+    background-color: $white;
     font-family: "Marianne";
     font-weight: 800;
     
@@ -31,8 +31,8 @@ footer{
 #block-reha-operateurduprogramme{
     display: flex;
     flex-direction: column;
-    border-left: #fdc300 solid 5px;
-    border-right: #fdc300 solid 5px;
+    border-left: $yellow-puca solid 5px;
+    border-right: $yellow-puca solid 5px;
     padding-left: 3rem;
     // font-family: 'Marianne';
 

web/themes/custom/reha/scss/partials/_header.scss

@@ -1,25 +1,181 @@
 
 
-    header{                       
-        display: block;
-        width: 100%;
-        background-color: white;
-        position: fixed;
-        z-index: 99;
-        width: 100vw;
+header{                       
+    display: block;
+    background-color: white;
+    position: fixed;
+    z-index: 99;
+    width: 100vw;
+    position: -webkit-sticky;
+    position: sticky;
+    top: 0;
+    // .sticky{
+    //         position: fixed;
+    // }
+    // height: 150px;
+    div{
+        display:flex;
+        flex-direction: row;
+        justify-content: space-between;
 
-        position: -webkit-sticky;
-        position: sticky;
-        top: 0;
-        .sticky{
-                position: fixed;
+        #block-reha-logoministere{
+
+            width: fit-content;
         }
-        div{
-            display:flex;
-            flex-direction: row;
+        #block-reha-logoreha{
+            max-height: 90%;
+            img{
+                // max-height: ;
+            }
+
         }
+
+        #block-reha-connexionutilisateur{
+            display: flex;
+            flex-direction: column;
+            width: 15%;
+            .user-login-form{
+                display: none;
+            }
+            ul{
+                display: none;
+            }
+            
+        }
+        #block-reha-config-pages{
+            width: 15%;
+            display: flex;
+            flex-direction: column;
+            .config_pages--contact--full {
+                display: none; /* Cacher initialement le contenu */
+
+            }
+            .open{
+                display: block;
+            }
+ 
+            
+            .field--type-text-long {
+                transition: height 0.5s; /* Animation de 0.5 seconde lors de l'expansion vers le bas */
+            } 
+        }
+    
     }
 
+
+}
+
+
+
+
+
+// pop in biographie
+
+// .config_pages--contact--full {
+// 	position: fixed;
+// 	z-index: 1;
+// 	top: 0;
+// 	right: 0;
+// 	bottom: 0;
+// 	left: 0;
+// 	display: none;
+// }
+// .config_pages--contact--full.open{
+// 	display: block;
+//   // .bouton {
+//   //   border: solid !important;
+//   //   background-color: transparent;
+//   //   text-transform: uppercase;
+//   //   align-self: flex-end;
+//   //   margin:auto;
+//   //   margin-bottom: 2rem;
+//   // }
+// }
+
+// // #modal .mask{
+// // 	background: none !important;
+// // 	opacity: 1;
+// // 	position: absolute;
+// // 	top: 0;
+// // 	right: 0;
+// // 	bottom: 0;
+// // 	left: 0;
+// //
+// // }
+// // #body .grey {
+// //   opacity: 0.5;
+// // }
+
+// .config_pages--contact--full{
+// 	position: absolute;
+// 	background: white !important;
+// 	top: 50%;
+// 	left: 45%;
+// 	// transform: translateX(-50%) translateY(-50%);
+// 	width:fit-content;
+// 	height: fit-content;
+// 	min-height: 50px;
+//   border: solid;
+//   color: black;
+
+// //   .message{
+// //   	padding: 5% 10% 5% 5%;
+// //   }
+
+//   a.close{
+//   	position: absolute;
+//   	right: 5%;
+//   	top:5%;
+//   	color: black;
+//   	font-size: 30px;
+//   }
+
+//   a.close:hover{
+//   	color: black;
+//   }
+
+//   @media (max-width: 442px) {
+//     transform: translateX(-50%) translateY(-50%);
+//     width: 85%;
+//     height: 80%;
+//     overflow-y: scroll;
+//     a.close {
+//       font-size: 0.8rem;
+//       position: absolute;
+//       right: 2%;
+//       top:0.8%;
+//     }
+//     p {
+//       font-size: 0.8rem;
+//       margin-top: 0;
+//     }
+//     .message{
+//       padding: 5% 5% 5% 5%;
+//     }
+
+//   }
+//   @media (max-width: 1024px) {
+//     transform: translateX(-50%) translateY(-50%);
+//     width: 75%;
+//     height: 65%;
+//     overflow-y: scroll;
+//     a.close {
+//       font-size: 0.8rem;
+//       position: absolute;
+//       right: 2%;
+//       top:0.8%;
+//     }
+//     p {
+//       font-size: 0.8rem;
+//       margin-top: 0;
+//     }
+//     .message{
+//       padding: 5% 5% 5% 5%;
+//     }
+
+//   }
+// }
+