home mobile

web/themes/custom/reha/dist/css/bundle.css

@@ -2,7 +2,7 @@
 /*reha*/
 /*global*/
 /* Colors used for REHA */
-#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link {
+#block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link {
   text-transform: uppercase;
   padding: 1rem;
   border: solid black 1px;
@@ -10,13 +10,20 @@
   background-color: rgb(255, 255, 255);
 }
 @media (max-width: 891px) {
-  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link {
+  #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale #node-operation-edit-form #edit-field-fiche-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-dossier-de-candidature-wrapper .form-managed-file, #block-reha-contenudelapageprincipale .node-operation-form #edit-field-fiche-candidature-wrapper .form-managed-file, .layout-sidebar-first #block-reha-phase1 footer, #edit-field-telephone-0-phone, .form-submit, .views-field-edit-user, .views-field-edit-node, .links, .field--type-file, .field--type-link, .page-programme .field--type-link {
     font-size: 1rem;
   }
 }
 
+.page-programme .field--type-link {
+  width: fit-content;
+  padding: 0.4rem;
+}
+
 .field--type-link {
   width: fit-content;
+}
+.field--type-link .page-programme {
   padding: 0.4rem;
 }
 
@@ -1619,6 +1626,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 @media (max-width: 891px) {
   .home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee {
     margin-bottom: 1rem;
+    margin-top: 2rem;
+    width: 50%;
   }
 }
 .home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee p {
@@ -1631,6 +1640,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   top: -60px;
   position: relative;
 }
+@media (max-width: 891px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row {
+    margin-left: 1.8rem;
+    margin-right: 1.8rem;
+  }
+}
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
   width: 70%;
   margin: auto;
@@ -1638,6 +1653,13 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   grid-template-rows: repeat(12, 1fr);
   grid-template-columns: repeat(12, 1fr);
 }
+@media (max-width: 891px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+}
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site {
   order: 1;
   grid-row: 1/span 10;
@@ -1645,7 +1667,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
   width: 100%;
-  object-fit: cover;
+  height: auto;
 }
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
   background-color: rgb(255, 255, 255);
@@ -1657,19 +1679,42 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   grid-column: 7/span 12;
   padding: 1rem;
 }
+@media (max-width: 891px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
+    width: auto;
+  }
+}
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
   order: 2;
   margin: 0;
 }
+@media (max-width: 891px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
+    font-size: 1.2rem;
+    line-height: 1.3rem;
+  }
+}
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
   order: 1;
   text-transform: uppercase;
   font-size: 2rem;
 }
+@media (max-width: 891px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
+    font-size: 1.5rem;
+  }
+}
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
   order: 3;
   font-size: 1.5rem;
 }
+@media (max-width: 891px) {
+  .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
+    font-size: 1rem;
+    line-height: 0.6rem;
+    padding-bottom: 0.3rem;
+  }
+}
 .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address {
   margin: 0;
   display: inline-flex;
@@ -1840,6 +1885,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   margin: auto;
   padding-top: 5rem;
 }
+@media (max-width: 891px) {
+  .block-views-blockhome-block-1 .view-display-id-block_1 {
+    width: 80%;
+    padding-top: 3rem;
+  }
+}
 
 .page-programme .block-region-first {
   padding-left: 18%;
@@ -1886,7 +1937,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   grid-column: 2/8;
   grid-row: 2;
 }
-.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-texte span {
+.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-texte .field__item p strong {
   background-color: none;
 }
 .page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-lien {

web/themes/custom/reha/scss/global/variables/_buttons.scss

@@ -20,12 +20,21 @@
 }
 
 
+.page-programme .field--type-link {
+    @extend %buttonwithborder;
+    width: fit-content;
+        padding: 0.4rem;
+    
+}
 .field--type-link {
     @extend %buttonwithborder;
     width: fit-content;
-    padding: 0.4rem;
-
+    .page-programme{
+        padding: 0.4rem;
+    }
 }
+
+
 .bouton{
     background-color: $white-button !important;
     border: none !important;

web/themes/custom/reha/scss/pages/home/home-view-presentation.scss

@@ -4,5 +4,10 @@
         width: 60%;
         margin: auto;
         padding-top: 5rem;
+        @media(max-width: 891px){
+            width: 80%;
+            padding-top: 3rem;
+        }
+        
     }
 }

web/themes/custom/reha/scss/pages/home/home-view-sites.scss

@@ -13,6 +13,8 @@
     padding-bottom: 5rem;
     @media(max-width: 891px){
         margin-bottom: 1rem;
+        margin-top: 2rem;
+        width: 50%;
         // margin: auto;
     }
     p{margin: 0;}
@@ -25,20 +27,29 @@
         position: relative;
     
         .views-row{
-
+            @media(max-width: 891px){
+                margin-left: 1.8rem;
+                margin-right: 1.8rem;
+            }
             .node-type-site{
                 width: 70%;
                 margin: auto;
                 display: grid;
                 grid-template-rows: repeat(12, 1fr);
                 grid-template-columns: repeat(12, 1fr);
+                @media(max-width: 891px){
+                    width: 100%;
+                    display: flex;
+                    flex-direction: column;
+                }
                 .image-site{
                     order: 1;
                     grid-row: 1/span 10;
                     grid-column: 1/span 9;
                     img {
                         width: 100%;
-                        object-fit: cover;
+                        // object-fit: cover;
+                        height: auto;
                     }
                 }
                 .filtered-content{
@@ -51,18 +62,33 @@
                     grid-row: 7/span 5;
                     grid-column: 7/span 12;
                     padding: 1rem;
+                    @media(max-width: 891px){
+                        width: auto;
+                    }
                     h2{
                         order: 2;
                         margin: 0;
+                        @media(max-width: 891px){
+                            font-size: 1.2rem;
+                            line-height: 1.3rem;
+                        }
                     }
                     .field--name-field-numero-site {
                         order: 1;
                         text-transform: uppercase;
                         font-size: 2rem;
+                        @media(max-width: 891px){
+                            font-size: 1.5rem;
+                        }
                     }
                     .field--name-field-adresse-site{
                         order: 3;
                         font-size: 1.5rem;
+                        @media(max-width: 891px){
+                            font-size: 1rem;
+                            line-height: 0.6rem;
+                            padding-bottom: 0.3rem;
+                        }
                         .address{
                             margin: 0;
                             display: inline-flex;

web/themes/custom/reha/scss/pages/le-programme.scss

@@ -49,9 +49,14 @@
                 .field--name-field-texte{
                     grid-column: 2 / 8;
                     grid-row:  2;
-                    span{
-                        background-color: none;
+                    .field__item{
+                        p{
+                            strong{
+                                background-color: none;
+                            }
+                        }
                     }
+                    
                 }
                 .field--name-field-lien{
                     grid-column: 2 / 8;