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*/
/*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;
web/themes/custom/eql/scss/pages/_offre.scss
+8
View File
@@ -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{
web/themes/custom/eql/scss/pages/_offresdeservices.scss
+26 -12
View File
@@ -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;
}
}
}