diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css index 82e2963..9e72eee 100644 --- a/web/themes/custom/reha/dist/css/bundle.css +++ b/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 { diff --git a/web/themes/custom/reha/scss/global/variables/_buttons.scss b/web/themes/custom/reha/scss/global/variables/_buttons.scss index c03a957..cdde642 100644 --- a/web/themes/custom/reha/scss/global/variables/_buttons.scss +++ b/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; diff --git a/web/themes/custom/reha/scss/pages/home/home-view-presentation.scss b/web/themes/custom/reha/scss/pages/home/home-view-presentation.scss index 17d0891..7862d80 100644 --- a/web/themes/custom/reha/scss/pages/home/home-view-presentation.scss +++ b/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; + } + } } \ No newline at end of file diff --git a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss b/web/themes/custom/reha/scss/pages/home/home-view-sites.scss index de8822e..1c572ca 100644 --- a/web/themes/custom/reha/scss/pages/home/home-view-sites.scss +++ b/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; diff --git a/web/themes/custom/reha/scss/pages/le-programme.scss b/web/themes/custom/reha/scss/pages/le-programme.scss index e5ebde1..9adb377 100644 --- a/web/themes/custom/reha/scss/pages/le-programme.scss +++ b/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;