bachir/d9-eql
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

affinage css ofres de services

Browse Source
This commit is contained in:
ouidade
2022-01-21 14:20:01 +01:00
parent adb1389da2
commit 5275760c21
3 changed files with 55 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+21 -10
View File
@@ -1,3 +1,4 @@
@charset "UTF-8";
/*eql*/ /*eql*/
/*global*/ /*global*/
@font-face { @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 { .offresdeservices .layout-content .region-content #block-contenudelapageprincipale .layout--onecol .block-region-content .block-views-blockoffres-de--block-1 .view-content .views-row {
width: 50%; } 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 { .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; padding: 1rem;
height: fit-content; height: fit-content;
margin-bottom: 1rem; margin-bottom: 1rem;
background-color: white; background-color: white;
margin-right: 1rem; } 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 { .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; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(6 auto); } 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 { .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-column: 1 / span 3;
grid-row: 1; grid-row: 1;
@@ -1974,12 +1974,17 @@ a {
font-size: 00.8rem; } 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 { .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; display: inline-flex;
grid-column: 2 / span 3; grid-column: 2 /span 3;
grid-row: 6; grid-row: 6;
font-size: 0.8rem; font-size: 0.8rem;
padding-top: 1rem; padding-top: 1rem;
justify-content: space-between; justify-content: flex-start; }
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 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 { .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; } 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 { .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-column: 2 / span 3;
grid-row: 4; grid-row: 4;
font-size: 2.5rem; font-size: 2.5rem;
font-family: "Source Code Pro"; } font-family: "Source Code Pro";
padding-right: 15%; }
@media (max-width: 810px) { @media (max-width: 810px) {
.page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle { .page-node-type-offre-de-service .layout__region--top .block-region-top .block-entity-fieldnodetitle {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@@ -2131,6 +2137,11 @@ a {
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
padding-bottom: 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 { .page-node-type-offre-de-service .layout__region--third .block-region-third .block-entity-fieldnodefield-telephone {
display: none; display: none;
background: #009ee3; background: #009ee3;
web/themes/custom/eql/scss/pages/_offre.scss
+8
View File
@@ -100,6 +100,7 @@
grid-row: 4; grid-row: 4;
font-size: 2.5rem; font-size: 2.5rem;
font-family: "Source Code Pro"; font-family: "Source Code Pro";
padding-right: 15%;
@media (max-width: 810px){ @media (max-width: 810px){
font-size: 1.2rem; font-size: 1.2rem;
} }
@@ -170,6 +171,13 @@
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
a{
color: white;
hyphens: auto;
svg{
display: none;
}
}
} }
.block-entity-fieldnodefield-telephone{ .block-entity-fieldnodefield-telephone{
web/themes/custom/eql/scss/pages/_offresdeservices.scss
+26 -12
View File
@@ -107,7 +107,8 @@
.views-row{ .views-row{
width: 50%; width: 50%;
.node-type-offre_de_service{ .node-type-offre_de_service{
// display: flex; display: flex;
justify-content: space-between;
// flex-direction: column; // flex-direction: column;
// border: 2px solid rgb(199, 215, 74); // border: 2px solid rgb(199, 215, 74);
@@ -118,19 +119,24 @@
background-color: $white; background-color: $white;
margin-right: 1rem; margin-right: 1rem;
// height: 200px; // height: 200px;
&::after{
content: url("../images/pictos/noun_Arrow_3771902.svg");
align-self: flex-end;
}
div:first-of-type{ div:first-of-type{
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: repeat(6 auto); grid-template-rows: repeat(6 auto);
div:last-of-type{
display: inline-flex; // div:last-of-type{
justify-content: space-between; // // display: inline-flex;
&::after{ // // justify-content: space-between;
content: url("../images/pictos/noun_Arrow_3771902.svg"); // // &::after{
align-self: flex-end; // // content: url("../images/pictos/noun_Arrow_3771902.svg");
} // // align-self: flex-end;
} // // }
// }
.field--name-field-type-de-protagoniste{ .field--name-field-type-de-protagoniste{
grid-column: 1 / span 3; grid-column: 1 / span 3;
grid-row: 1; grid-row: 1;
@@ -199,16 +205,24 @@
} }
.field--name-field-date-de-proposition{ .field--name-field-date-de-proposition{
display: inline-flex; display: inline-flex;
grid-column: 2 / span 3; grid-column: 2 /span 3;
grid-row: 6; grid-row: 6;
font-size: 0.8rem; font-size: 0.8rem;
padding-top: 1rem; padding-top: 1rem;
justify-content: space-between; justify-content: flex-start;
align-items: center; // align-items: center;
// &::after{ // &::after{
// content: url("../images/pictos/noun_Arrow_3771902.svg"); // content: url("../images/pictos/noun_Arrow_3771902.svg");
// align-self: flex-end; // align-self: flex-end;
// } // }
time{
justify-self: flex-start;
}
&::before{
content: "proposé le";
hyphens: none;
padding-right: 0.5rem;
}
} }
} }