From a6d9986917ecadea3432a9dd9126d48f83b6e853 Mon Sep 17 00:00:00 2001 From: ouidade Date: Tue, 4 Jan 2022 16:14:14 +0100 Subject: [PATCH] =?UTF-8?q?buton=20d=C3=A9poser=20offre=20de=20service?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- web/themes/custom/eql/css-compiled/styles.css | 204 ++++++++++-------- .../eql/scss/pages/_offresdeservices.scss | 49 ++++- 2 files changed, 160 insertions(+), 93 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 287ea8c..b463758 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1655,96 +1655,124 @@ a { width: fit-content; margin-left: 10%; margin-top: 8rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { - margin: 2rem; - margin-top: 4rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { - width: 65%; - margin: auto; - background: white; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 { - width: 65%; - margin: auto; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters { - display: none; - background: white; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content { - display: flex; - flex-wrap: wrap; - margin-top: 3rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row { - width: 50%; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service { - border: 2px solid #009ee3; - padding: 1rem; - height: fit-content; - margin-bottom: 1rem; - background-color: white; - margin-right: 1rem; - height: 200px; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type { - display: grid; - grid-template-columns: 1fr auto 1fr; - grid-template-rows: repeat(6 auto); } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste { - grid-column: 1 / span 3; - grid-row: 1; + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content { + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block { + grid-column: 2 / span 3; + margin-top: 4rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction { + margin: auto; + background: white; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-config-pages-block .field--name-field-introduction p { + margin: 0; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc { + grid-column: 5; + margin-top: 4rem; + background-color: #009ee3; + height: fit-content; + width: 80%; + margin-left: 2rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien { + display: flex; + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien a { + font-weight: 800; + color: white; + font-size: 1.3rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc .field--name-field-lien:after { + margin-left: auto; + padding-top: 1rem; + display: block; + content: url("../images/pictos/noun_Arrow_3771902.svg"); } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 { + grid-column: 2 / span 3; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-display-id-block_1 { + margin: auto; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-filters { + background: white; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content { + display: flex; + flex-wrap: wrap; + margin-top: 3rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row { + width: 50%; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service { + border: 2px solid #009ee3; + padding: 1rem; + height: fit-content; margin-bottom: 1rem; - text-transform: uppercase; - font-weight: 800; - font-size: 00.8rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo { - grid-column: 1; - grid-row: 2 / span 6; + background-color: white; margin-right: 1rem; - max-height: 170px; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img { - max-width: 100%; - object-fit: cover; - height: auto; - max-height: 95%; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom { - grid-column: 2; - grid-row: 2; - padding-right: 0.5rem; - text-transform: uppercase; - font-weight: 800; - font-size: 1rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom { - grid-column: 3; - grid-row: 2; - text-transform: uppercase; - font-weight: 800; - font-size: 1rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure { - grid-column: 2 / span 3; - grid-row: 3; - text-transform: uppercase; - font-weight: 800; - font-size: 0.8rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title { - grid-column: 2 / span 3; - grid-row: 4; - font-size: 1.3rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a { - color: black; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation { - grid-column: 2 / span 3; - grid-row: 5; - text-transform: uppercase; - font-weight: 800; - font-size: 00.8rem; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition { - display: inline-flex; - grid-column: 2 / span 3; - grid-row: 6; - font-size: 0.8rem; - padding-top: 1rem; - justify-content: space-between; - align-items: center; } - .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: end; } + height: 200px; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type { + display: grid; + grid-template-columns: 1fr auto 1fr; + grid-template-rows: repeat(6 auto); } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-type-de-protagoniste { + grid-column: 1 / span 3; + grid-row: 1; + margin-bottom: 1rem; + text-transform: uppercase; + font-weight: 800; + font-size: 00.8rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo { + grid-column: 1; + grid-row: 2 / span 6; + margin-right: 1rem; + max-height: 170px; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-photo img { + max-width: 100%; + object-fit: cover; + height: auto; + max-height: 95%; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-prenom { + grid-column: 2; + grid-row: 2; + padding-right: 0.5rem; + text-transform: uppercase; + font-weight: 800; + font-size: 1rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-nom { + grid-column: 3; + grid-row: 2; + text-transform: uppercase; + font-weight: 800; + font-size: 1rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-structure { + grid-column: 2 / span 3; + grid-row: 3; + text-transform: uppercase; + font-weight: 800; + font-size: 0.8rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title { + grid-column: 2 / span 3; + grid-row: 4; + font-size: 1.3rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-title a { + color: black; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-localisation { + grid-column: 2 / span 3; + grid-row: 5; + text-transform: uppercase; + font-weight: 800; + font-size: 00.8rem; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition { + display: inline-flex; + grid-column: 2 / span 3; + grid-row: 6; + font-size: 0.8rem; + padding-top: 1rem; + justify-content: space-between; + align-items: center; } + .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .node-type-offre_de_service div:first-of-type .field--name-field-date-de-proposition::after { + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: end; } .page-node-type-offre-de-service { background: url("../images/pictos/carre-contour-bleu-offre.svg"); diff --git a/web/themes/custom/eql/scss/pages/_offresdeservices.scss b/web/themes/custom/eql/scss/pages/_offresdeservices.scss index ab11156..e9d4c93 100644 --- a/web/themes/custom/eql/scss/pages/_offresdeservices.scss +++ b/web/themes/custom/eql/scss/pages/_offresdeservices.scss @@ -31,28 +31,67 @@ } .layout--onecol{ .block-region-content{ - + + display: grid; + grid-template-columns: 1fr repeat(4, 2fr) 1fr; // texte présentation .block-config-pages-block{ - margin: 2rem; + grid-column: 2 / span 3; + // margin: 2rem; margin-top: 4rem; .field--name-field-introduction{ - width: 65%; margin: auto; background: $white; + p{margin: 0;} } } + + // buton déposer une offre + .block-block-content7dc5bc6b-f5ca-4815-b689-49382aafa2dc{ + grid-column: 5; + margin-top: 4rem; + background-color: $blue-light; + height: fit-content; + width: 80%; + margin-left: 2rem; + + .field--name-field-lien{ + display: flex; + flex-direction: column; + margin-top: 2rem; + margin-bottom: 2rem; + margin-left: 1.5rem; + margin-right: 1.5rem; + text-align: center; + a{ + font-weight: 800; + color: $white; + font-size: 1.3rem; + } + &:after{ + margin-left: auto; + padding-top: 1rem; + display: block; + content:url("../images/pictos/noun_Arrow_3771902.svg") + + } + + } + + } + + // offres .block-views-blockoffres-de--block-1{ + grid-column: 2 / span 3; .view-display-id-block_1{ - width: 65%; margin: auto; } // bandeau filtes .view-filters{ - display: none; + // display: none; background: $white; }