瀏覽代碼

logos partenaires footer & js close header

ouidade 1 年之前
父節點
當前提交
155f283b57

+ 32 - 13
web/themes/custom/reha/css/reha.css

@@ -22,6 +22,14 @@
   margin-bottom: 1rem;
   background-color: white; }
 
+.links {
+  text-transform: uppercase;
+  padding: 1rem;
+  border: solid black 1px;
+  margin-bottom: 1rem;
+  background-color: white;
+  width: fit-content; }
+
 .mailto {
   text-decoration: underline; }
 
@@ -221,18 +229,6 @@ header {
         height: 0;
         /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
         width: 100%; }
-        header .region-header #block-reha-config-pages .contacts .titre {
-          display: none;
-          display: inline-flex;
-          font-weight: 800;
-          position: relative;
-          margin-top: 2rem; }
-          header .region-header #block-reha-config-pages .contacts .titre ::after {
-            content: url(../images/noun-cross-1151731.svg);
-            float: right;
-            position: relative;
-            left: 200px;
-            cursor: pointer; }
         header .region-header #block-reha-config-pages .contacts .contacts-full {
           display: none;
           background-color: white;
@@ -240,13 +236,19 @@ header {
           right: 0px;
           top: 100%;
           width: 550px;
+          padding-left: 3.5rem;
+          padding-top: 1rem;
           height: 200vh;
           box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
           clip-path: inset(0px -10px -10px -10px); }
+          header .region-header #block-reha-config-pages .contacts .contacts-full .titre {
+            padding-left: 3rem; }
+            header .region-header #block-reha-config-pages .contacts .contacts-full .titre ::after {
+              left: 320px; }
           header .region-header #block-reha-config-pages .contacts .contacts-full .field__item {
             display: flex;
             flex-direction: column;
-            padding: 5% 10% 5% 5%; }
+            padding-left: 3rem; }
     header .region-header #block-reha-views-block-current-user-block-block-1 {
       grid-column: 9;
       display: flex;
@@ -325,6 +327,14 @@ footer {
 #footer-right #block-reha-config-pages-2 {
   display: flex;
   flex-direction: column; }
+  #footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap; }
+    #footer-right #block-reha-config-pages-2 .field--name-field-partenaires .field__items img {
+      max-width: 150px;
+      height: fit-content;
+      padding: 1rem; }
 
 .form-item {
   display: flex;
@@ -434,3 +444,12 @@ input {
 .user--register h1 {
   font-size: 3rem !important;
   font-weight: 600; }
+
+.layout-content footer {
+  background-color: none; }
+
+.node-type-operation footer {
+  display: none; }
+
+html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer {
+  background-color: none; }

+ 5 - 5
web/themes/custom/reha/js/reha.js

@@ -29,9 +29,9 @@ jQuery(document).ready(function($){
     if ($(".connexion-full").is(":visible")) {
       $(".connexion-full").slideUp();
     }
-    // if ($(".connected-full").is(":visible")) {
-    //   $(".connected-full").slideUp();
-    // }
+    if ($(".connected-full").is(":visible")) {
+      $(".connected-full").slideUp();
+    }
      // Ouvrir .contacts-full
       $(".contacts-full").slideToggle();
 
@@ -73,8 +73,8 @@ jQuery(document).ready(function($){
     if ($(".contacts-full").is(":visible")) {
       $(".contacts-full").slideUp();
     }
-    if ($(".contacts-full").is(":visible")) {
-      $(".contacts-full").slideUp();
+    if ($(".connexion-full").is(":visible")) {
+      $(".connexion-full").slideUp();
     }
     // // Ouvrir .connexion-full
     //   $(".connected-full").slideToggle();

+ 9 - 1
web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -7,7 +7,6 @@
     margin-bottom: 1rem;
     background-color: $white-button;
     width: fit-content;
-
 }
 .bouton{
     background-color: $white-button !important;
@@ -23,4 +22,13 @@
     border: solid black 1px;
     margin-bottom: 1rem;
     background-color: $white-button;
+}
+
+.links{
+    text-transform: uppercase;
+    padding: 1rem;
+    border: solid black 1px;
+    margin-bottom: 1rem;
+    background-color: $white-button;
+    width: fit-content;
 }

+ 16 - 0
web/themes/custom/reha/scss/pages/_operations.scss

@@ -0,0 +1,16 @@
+.layout-content{
+    footer{
+        background-color: none;
+    }
+}
+.node-type-operation{
+    footer{
+        display: none;
+    }
+}
+
+
+html.js body div.dialog-off-canvas-main-canvas div.layout-container main div.layout-content div.region.region-content div#block-reha-contenudelapageprincipale.block.block-system.block-system-main-block div.views-element-container div.js-view-dom-id-a0244ead401fde300c9a64579f8ed0aa9edefe33021041a9393441d1bd0be0e2 footer{
+    background-color: none;
+
+}

+ 16 - 0
web/themes/custom/reha/scss/partials/_footer.scss

@@ -48,5 +48,21 @@ margin-left: 10rem;
     #block-reha-config-pages-2{
         display: flex;
         flex-direction: column;
+        .field--name-field-partenaires{
+            .field__items{
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                // justify-content: space-between;
+                img{
+                    max-width: 150px;
+                    // max-height: 100px;
+                    height: fit-content;
+                    // width: fit-content;
+                    
+                    padding: 1rem;
+                }
+            }
+        }
     }
 }

+ 9 - 17
web/themes/custom/reha/scss/partials/_header.scss

@@ -90,22 +90,6 @@ header{
                 
                 height: 0; /* Hauteur initiale à 0 pour créer l'effet de glissement vers le bas */
                 width: 100%;
-                .titre{
-                    display: none;
-                    display: inline-flex;
-                    font-weight: 800;
-                    position: relative;
-                    margin-top: 2rem;
-                    ::after{
-                        content: url(../images/noun-cross-1151731.svg);
-                        float: right;
-                        position: relative;
-                        left: 200px;
-                        // bottom: 100px;
-                        cursor: pointer;
-                    }
-            
-                }
                 .contacts-full {
                     display: none;
                     background-color: $white-header;
@@ -113,14 +97,22 @@ header{
                     right:0px;
                     top: 100%;
                     width: $width-menu-slidedown;
+                    padding-left: 3.5rem;
+                    padding-top: 1rem;
                     // width: 30vw;
                     height: 200vh;
                     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                     clip-path: inset(0px -10px -10px -10px);
+                    .titre{
+                        padding-left:3rem ;
+                        ::after{
+                            left: 320px;
+                        }
+                    }
                     .field__item{
                         display: flex;
                         flex-direction: column;
-                        padding: 5% 10% 5% 5%;
+                        padding-left: 3rem;
                     }
                 } 
             } 

+ 1 - 0
web/themes/custom/reha/scss/reha.scss

@@ -22,3 +22,4 @@
 /*pages*/
 @import "pages/home";
 @import "pages/creer-un-compte";
+@import "pages/operations.scss";