bachir/drupal-reha
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

home mobile

Browse Source
This commit is contained in:
ouidade
2024-06-19 22:05:53 +02:00
parent 9f8ee055b8
commit 8625e8310b
5 changed files with 106 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/reha/dist/css/bundle.css
Vendored
+55 -4
View File
@@ -2,7 +2,7 @@
/*reha*/ /*reha*/
/*global*/ /*global*/
/* Colors used for REHA */ /* 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; text-transform: uppercase;
padding: 1rem; padding: 1rem;
border: solid black 1px; border: solid black 1px;
@@ -10,13 +10,20 @@
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
} }
@media (max-width: 891px) { @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; font-size: 1rem;
} }
} }
.page-programme .field--type-link {
width: fit-content;
padding: 0.4rem;
}
.field--type-link { .field--type-link {
width: fit-content; width: fit-content;
}
.field--type-link .page-programme {
padding: 0.4rem; 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) { @media (max-width: 891px) {
.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee { .home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee {
margin-bottom: 1rem; margin-bottom: 1rem;
margin-top: 2rem;
width: 50%;
} }
} }
.home-page-layout-content .block-block-content3d4d153c-9da8-49e2-be7a-d2245f5716ee p { .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; top: -60px;
position: relative; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site {
width: 70%; width: 70%;
margin: auto; 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-rows: repeat(12, 1fr);
grid-template-columns: 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site {
order: 1; order: 1;
grid-row: 1/span 10; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
width: 100%; width: 100%;
object-fit: cover; height: auto;
} }
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
background-color: rgb(255, 255, 255); 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; grid-column: 7/span 12;
padding: 1rem; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
order: 2; order: 2;
margin: 0; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-numero-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 2rem; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site {
order: 3; order: 3;
font-size: 1.5rem; 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 { .home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content .field--name-field-adresse-site .address {
margin: 0; margin: 0;
display: inline-flex; 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; margin: auto;
padding-top: 5rem; 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 { .page-programme .block-region-first {
padding-left: 18%; 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-column: 2/8;
grid-row: 2; 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; background-color: none;
} }
.page-programme .block-region-second .block-config-pages-block .config_pages--partenaires--full .paragraph--type--partenaire .field--name-field-lien { .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
+10 -1
View File
@@ -20,12 +20,21 @@
} }
.field--type-link { .page-programme .field--type-link {
@extend %buttonwithborder; @extend %buttonwithborder;
width: fit-content; width: fit-content;
padding: 0.4rem; padding: 0.4rem;
} }
.field--type-link {
@extend %buttonwithborder;
width: fit-content;
.page-programme{
padding: 0.4rem;
}
}
.bouton{ .bouton{
background-color: $white-button !important; background-color: $white-button !important;
border: none !important; border: none !important;
web/themes/custom/reha/scss/pages/home/home-view-presentation.scss
+5
View File
@@ -4,5 +4,10 @@
width: 60%; width: 60%;
margin: auto; margin: auto;
padding-top: 5rem; padding-top: 5rem;
@media(max-width: 891px){
width: 80%;
padding-top: 3rem;
}
} }
} }
web/themes/custom/reha/scss/pages/home/home-view-sites.scss
+28 -2
View File
@@ -13,6 +13,8 @@
padding-bottom: 5rem; padding-bottom: 5rem;
@media(max-width: 891px){ @media(max-width: 891px){
margin-bottom: 1rem; margin-bottom: 1rem;
margin-top: 2rem;
width: 50%;
// margin: auto; // margin: auto;
} }
p{margin: 0;} p{margin: 0;}
@@ -25,20 +27,29 @@
position: relative; position: relative;
.views-row{ .views-row{
@media(max-width: 891px){
margin-left: 1.8rem;
margin-right: 1.8rem;
}
.node-type-site{ .node-type-site{
width: 70%; width: 70%;
margin: auto; margin: auto;
display: grid; display: grid;
grid-template-rows: repeat(12, 1fr); grid-template-rows: repeat(12, 1fr);
grid-template-columns: repeat(12, 1fr); grid-template-columns: repeat(12, 1fr);
@media(max-width: 891px){
width: 100%;
display: flex;
flex-direction: column;
}
.image-site{ .image-site{
order: 1; order: 1;
grid-row: 1/span 10; grid-row: 1/span 10;
grid-column: 1/span 9; grid-column: 1/span 9;
img { img {
width: 100%; width: 100%;
object-fit: cover; // object-fit: cover;
height: auto;
} }
} }
.filtered-content{ .filtered-content{
@@ -51,18 +62,33 @@
grid-row: 7/span 5; grid-row: 7/span 5;
grid-column: 7/span 12; grid-column: 7/span 12;
padding: 1rem; padding: 1rem;
@media(max-width: 891px){
width: auto;
}
h2{ h2{
order: 2; order: 2;
margin: 0; margin: 0;
@media(max-width: 891px){
font-size: 1.2rem;
line-height: 1.3rem;
}
} }
.field--name-field-numero-site { .field--name-field-numero-site {
order: 1; order: 1;
text-transform: uppercase; text-transform: uppercase;
font-size: 2rem; font-size: 2rem;
@media(max-width: 891px){
font-size: 1.5rem;
}
} }
.field--name-field-adresse-site{ .field--name-field-adresse-site{
order: 3; order: 3;
font-size: 1.5rem; font-size: 1.5rem;
@media(max-width: 891px){
font-size: 1rem;
line-height: 0.6rem;
padding-bottom: 0.3rem;
}
.address{ .address{
margin: 0; margin: 0;
display: inline-flex; display: inline-flex;
web/themes/custom/reha/scss/pages/le-programme.scss
+6 -1
View File
@@ -49,10 +49,15 @@
.field--name-field-texte{ .field--name-field-texte{
grid-column: 2 / 8; grid-column: 2 / 8;
grid-row: 2; grid-row: 2;
span{ .field__item{
p{
strong{
background-color: none; background-color: none;
} }
} }
}
}
.field--name-field-lien{ .field--name-field-lien{
grid-column: 2 / 8; grid-column: 2 / 8;
grid-row: 3; grid-row: 3;