From 5275760c215ebc6eccc2ddbaca5caacf4c32a81a Mon Sep 17 00:00:00 2001 From: ouidade Date: Fri, 21 Jan 2022 14:20:01 +0100 Subject: [PATCH] affinage css ofres de services --- web/themes/custom/eql/css-compiled/styles.css | 31 ++++++++++----- web/themes/custom/eql/scss/pages/_offre.scss | 8 ++++ .../eql/scss/pages/_offresdeservices.scss | 38 +++++++++++++------ 3 files changed, 55 insertions(+), 22 deletions(-) diff --git a/web/themes/custom/eql/css-compiled/styles.css b/web/themes/custom/eql/css-compiled/styles.css index 9a5fbbf..f798a4b 100644 --- a/web/themes/custom/eql/css-compiled/styles.css +++ b/web/themes/custom/eql/css-compiled/styles.css @@ -1,3 +1,4 @@ +@charset "UTF-8"; /*eql*/ /*global*/ @font-face { @@ -1909,21 +1910,20 @@ a { .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 { + display: flex; + justify-content: space-between; padding: 1rem; height: fit-content; margin-bottom: 1rem; background-color: white; margin-right: 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::after { + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; } .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 1fr 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 div:last-of-type { - display: inline-flex; - justify-content: space-between; } - .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 div:last-of-type::after { - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; } .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; @@ -1974,12 +1974,17 @@ a { 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-column: 2 /span 3; grid-row: 6; font-size: 0.8rem; padding-top: 1rem; - justify-content: space-between; - align-items: center; } + justify-content: flex-start; } + .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 time { + justify-self: flex-start; } + .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::before { + content: "proposé le"; + hyphens: none; + padding-right: 0.5rem; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .type-de-protagoniste-5 { border: 2px solid #ff000f; } .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row .type-de-protagoniste-6 { @@ -2077,7 +2082,8 @@ a { grid-column: 2 / span 3; grid-row: 4; font-size: 2.5rem; - font-family: "Source Code Pro"; } + font-family: "Source Code Pro"; + padding-right: 15%; } @media (max-width: 810px) { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle { font-size: 1.2rem; } } @@ -2131,6 +2137,11 @@ a { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; } + .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-courriel a { + color: white; + hyphens: auto; } + .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-courriel a svg { + display: none; } .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-telephone { display: none; background: #009ee3; diff --git a/web/themes/custom/eql/scss/pages/_offre.scss b/web/themes/custom/eql/scss/pages/_offre.scss index 22216e0..376a0a4 100644 --- a/web/themes/custom/eql/scss/pages/_offre.scss +++ b/web/themes/custom/eql/scss/pages/_offre.scss @@ -100,6 +100,7 @@ grid-row: 4; font-size: 2.5rem; font-family: "Source Code Pro"; + padding-right: 15%; @media (max-width: 810px){ font-size: 1.2rem; } @@ -170,6 +171,13 @@ padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; + a{ + color: white; + hyphens: auto; + svg{ + display: none; + } + } } .block-entity-fieldnodefield-telephone{ diff --git a/web/themes/custom/eql/scss/pages/_offresdeservices.scss b/web/themes/custom/eql/scss/pages/_offresdeservices.scss index e43504c..464005b 100644 --- a/web/themes/custom/eql/scss/pages/_offresdeservices.scss +++ b/web/themes/custom/eql/scss/pages/_offresdeservices.scss @@ -107,7 +107,8 @@ .views-row{ width: 50%; .node-type-offre_de_service{ - // display: flex; + display: flex; + justify-content: space-between; // flex-direction: column; // border: 2px solid rgb(199, 215, 74); @@ -118,19 +119,24 @@ background-color: $white; margin-right: 1rem; // height: 200px; + &::after{ + content: url("../images/pictos/noun_Arrow_3771902.svg"); + align-self: flex-end; + } div:first-of-type{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: repeat(6 auto); - div:last-of-type{ - display: inline-flex; - justify-content: space-between; - &::after{ - content: url("../images/pictos/noun_Arrow_3771902.svg"); - align-self: flex-end; - } - } + + // div:last-of-type{ + // // display: inline-flex; + // // justify-content: space-between; + // // &::after{ + // // content: url("../images/pictos/noun_Arrow_3771902.svg"); + // // align-self: flex-end; + // // } + // } .field--name-field-type-de-protagoniste{ grid-column: 1 / span 3; grid-row: 1; @@ -199,16 +205,24 @@ } .field--name-field-date-de-proposition{ display: inline-flex; - grid-column: 2 / span 3; + grid-column: 2 /span 3; grid-row: 6; font-size: 0.8rem; padding-top: 1rem; - justify-content: space-between; - align-items: center; + justify-content: flex-start; + // align-items: center; // &::after{ // content: url("../images/pictos/noun_Arrow_3771902.svg"); // align-self: flex-end; // } + time{ + justify-self: flex-start; + } + &::before{ + content: "proposé le"; + hyphens: none; + padding-right: 0.5rem; + } } }