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

size site map dasn node projet et margin/padding block first et second

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-11-24 12:56:13 +01:00
parent ede64a7b73
commit b2265482d2
2 changed files with 23 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4266,11 +4266,9 @@ body {
} }
} }
.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 {
position: fixed; margin-top: 1rem;
width: 20% !important;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 2rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
.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 {
@@ -4281,7 +4279,7 @@ body {
} }
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container { .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container {
width: 100% !important; width: 65% !important;
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 { .node-type-projet .layout--threecol-25-50-25 .layout__region--first .block-region-first #sites-map-container h2 {
display: none; display: none;
@@ -4293,8 +4291,9 @@ body {
} }
} }
.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: 65%;
margin: auto; margin: auto;
padding-left: 2rem;
} }
.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;
@@ -4348,15 +4347,17 @@ body {
} }
.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; position: relative;
margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 2rem;
/* Quand ouvert */ /* Quand ouvert */
} }
.node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats ::before { .node-type-projet .layout--threecol-25-50-25 .layout__region--second .block-region-second .field_field_laureats ::before {
content: ""; content: "";
position: absolute; position: absolute;
top: 0rem; top: -0.1rem;
left: -1.3rem; left: 0.5rem;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
background-image: url("../img/laureat-ouvert.svg"); background-image: url("../img/laureat-ouvert.svg");
@@ -4547,7 +4548,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: relative; position: relative;
margin-top: 1rem; margin-top: 2rem;
margin-left: 2rem; margin-left: 2rem;
} }
@media (max-width: 810px) { @media (max-width: 810px) {

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

@@ -24,20 +24,21 @@
flex: 0 1 100%; flex: 0 1 100%;
} }
.block-region-first{ .block-region-first{
position:fixed; // position:fixed;
width: 20% !important; // width: 20% !important;
// margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
// margin-left: 2rem;
@media(max-width: 810px){ @media(max-width: 810px){
position: relative; position: relative;
width: 100% !important; width: 100% !important;
margin-left: 0rem; margin-left: 0rem;
margin-top: 0; margin-top: 0;
}margin-left: 2rem; }
#sites-map-container{ #sites-map-container{
width: 100% !important; width: 65% !important;
h2{ h2{
display: none; display: none;
} }
@@ -49,8 +50,9 @@
} }
.field_field_site_projet{ .field_field_site_projet{
.node-type-site{ .node-type-site{
width: 80%; width: 65%;
margin: auto; margin: auto;
padding-left: 2rem;
.field_title{ .field_title{
h2{ h2{
text-transform: none; text-transform: none;
@@ -114,9 +116,10 @@
} }
.block-region-second{ .block-region-second{
position: relative; position: relative;
// margin-top: 1rem; margin-top: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-left: 2rem;
@media(max-width: 810px){ @media(max-width: 810px){
// margin-left: 2rem; // margin-left: 2rem;
// margin-top: 3rem; // margin-top: 3rem;
@@ -125,8 +128,8 @@
::before{ ::before{
content: ""; content: "";
position: absolute; position: absolute;
top:0rem; top: -0.1rem;
left: -1.3rem; left: 0.5rem;
width: 2.5rem; width: 2.5rem;
height: 2.5rem; height: 2.5rem;
background-image: url("../img/laureat-ouvert.svg"); background-image: url("../img/laureat-ouvert.svg");
@@ -341,7 +344,7 @@
.block-region-third{ .block-region-third{
position:relative; position:relative;
// width: 23% !important; // width: 23% !important;
margin-top: 1rem; margin-top: 2rem;
margin-left: 2rem; margin-left: 2rem;
@media(max-width: 810px){ @media(max-width: 810px){
position: relative; position: relative;