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

buton déposer offre de service

Browse Source
This commit is contained in:
ouidade
2022-01-04 16:14:14 +01:00
parent b517e504e2
commit a6d9986917
2 changed files with 160 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/themes/custom/eql/css-compiled/styles.css
+116 -88
View File
@@ -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");
web/themes/custom/eql/scss/pages/_offresdeservices.scss
+44 -5
View File
@@ -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;
}