bachir/drupal-quartiersdedemain
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

css node projet

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-12 17:39:55 +01:00
parent 7bb8776228
commit f9cb1f2800
2 changed files with 93 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored
View File

@@ -4218,7 +4218,6 @@ body {
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--first { .node-type-projet .layout--threecol-25-50-25 .layout__region--first {
flex: 0 1 25%; flex: 0 1 25%;
margin-top: 1rem;
position: relative; position: relative;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first { .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first {
@@ -4230,8 +4229,15 @@ body {
align-items: center; align-items: center;
margin-left: 2rem; margin-left: 2rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container {
width: 100%;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 {
display: none;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site { .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site {
width: 80%; width: 80%;
margin: auto;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_title h2 { .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first .field_field_site_projet .node-type-site .field_title h2 {
text-transform: none; text-transform: none;
@@ -4279,11 +4285,28 @@ body {
max-width: 50%; max-width: 50%;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second {
position: relative;
margin-right: 3rem; margin-right: 3rem;
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats ::before {
content: "";
position: absolute;
top: 0rem;
left: -1.3rem;
width: 2.5rem;
height: 2.5rem;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats .laureat {
font-size: 0;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_nom_de_l_equipe { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_nom_de_l_equipe {
border-top: solid black 1px; border-top: solid black 1px;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
@@ -4404,6 +4427,7 @@ body {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
position: fixed; position: fixed;
width: 20% !important; width: 20% !important;
margin-top: 2rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third {
@@ -4433,16 +4457,32 @@ body {
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2 { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2 {
font-family: "gilroy-light"; font-family: "gilroy-light";
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.8rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div h2::after {
content: " :";
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row {
width: 80%; width: 80%;
border-bottom: solid black 1px; border-bottom: solid black 1px;
padding-bottom: 1rem; padding-bottom: 1rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2 {
font-size: 0.7rem;
margin-bottom: 0rem;
text-transform: none;
font-family: "gilroy-regular";
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-title h2::after {
content: "";
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe {
font-size: 0.6rem; font-size: 0.6rem;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe h3 {
margin-bottom: 0.3rem;
margin-top: 0.3rem;
}
.node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe p { .node-type-projet .layout--threecol-25-50-25 .layout__region--third .block-region-third div .views-row .views-field-field-nom-de-l-equipe p {
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
margin-bottom: 0.5rem; margin-bottom: 0.5rem;

56
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-projet.scss
View File

@@ -16,7 +16,7 @@
// } // }
.layout__region--first{ .layout__region--first{
flex: 0 1 25%; flex: 0 1 25%;
margin-top: 1rem; // margin-top: 1rem;
position: relative; position: relative;
.block-region-first{ .block-region-first{
position:fixed; position:fixed;
@@ -30,10 +30,16 @@
// position: relative; // position: relative;
// width: 100% !important; // width: 100% !important;
// } // }
#sites-map-container{
width: 100%;
h2{
display: none;
}
}
.field_field_site_projet{ .field_field_site_projet{
.node-type-site{ .node-type-site{
width: 80%; width: 80%;
margin: auto;
.field_title{ .field_title{
h2{ h2{
text-transform: none; text-transform: none;
@@ -93,11 +99,31 @@
max-width: 50%; max-width: 50%;
.block-region-second{ .block-region-second{
// margin-left: 3rem; // margin-left: 3rem;
position: relative;
margin-right: 3rem; margin-right: 3rem;
margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
.field_field_laureats{
::before{
content: "";
position: absolute;
// display: block;
top:0rem;
left: -1.3rem;
width: 2.5rem;
height: 2.5rem;
// background-color: #f6f7f3;
background-image: url("../img/laureat-ouvert.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 0;
}
.laureat{
font-size: 0;
}
}
.field_field_nom_de_l_equipe{ .field_field_nom_de_l_equipe{
border-top: solid black 1px; border-top: solid black 1px;
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
@@ -231,6 +257,7 @@
.block-region-third{ .block-region-third{
position:fixed; position:fixed;
width: 20% !important; width: 20% !important;
margin-top: 2rem;
@media(max-width: 810px){ @media(max-width: 810px){
position: relative; position: relative;
} }
@@ -253,14 +280,33 @@
h2{ h2{
font-family: "gilroy-light"; font-family: "gilroy-light";
text-transform: uppercase; text-transform: uppercase;
font-size: 0.5rem; font-size: 0.8rem;
&::after{
content: " :";
}
} }
.views-row{ .views-row{
width: 80%; width: 80%;
border-bottom: solid black 1px; border-bottom: solid black 1px;
padding-bottom: 1rem; padding-bottom: 1rem;
.views-field-title {
h2 {
font-size: 0.7rem;
margin-bottom: 0rem;
// margin-top: 0.3rem;
text-transform: none;
font-family: "gilroy-regular";
&::after{
content: "";
}
}
}
.views-field-field-nom-de-l-equipe{ .views-field-field-nom-de-l-equipe{
h3 {
margin-bottom: 0.3rem;
margin-top:0.3rem;
}
font-size: 0.6rem; font-size: 0.6rem;
p{ p{
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";