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

Compare commits

base: bachir:b9040919470e6fb12b9186cf6aa53462423f60b3
Branches Tags
bachir:master
bachir:prod
bachir:stage
bachir:newPages
bachir:live
bachir:tmp
bachir:avantLive
bachir:prd
...
compare: bachir:08f405aaa5804348befe86f8d1226be88b4907ba
Branches Tags
bachir:master
bachir:prod
bachir:stage
bachir:newPages
bachir:live
bachir:tmp
bachir:avantLive
bachir:prd

2 Commits
b904091947 ... 08f405aaa5

Author SHA1 Message Date
ouidade
08f405aaa5 css responsive site 2025-03-03 13:58:53 +01:00
ouidade
b88b807554 css poids site 2025-03-03 13:40:32 +01:00
4 changed files with 46 additions and 13 deletions
Show Stats Expand all files Collapse all files

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

@ -453,6 +453,8 @@ header .header_nav_container #block-quartiers-de-demain-entete ul {
position: relative;
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
padding-top: 1%;
}
@media (max-width: 1025px) {
header .header_nav_container #block-quartiers-de-demain-entete ul {
@ -3499,10 +3501,22 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
display: flex;
flex-direction: row;
margin-bottom: 1rem;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
}
@media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site {
@ -3540,17 +3554,20 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
margin-bottom: 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
display: flex;
flex-direction: column !important;
}
@media (max-width: 810px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site {
max-width: 50%;
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
margin: auto;
margin-bottom: 1rem;
}
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a {
display: inline-flex;
align-items: center;
color: white;
@ -3560,15 +3577,16 @@ body {
font-size: 0.6rem;
margin-bottom: 0.3rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a svg,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a svg {
display: none;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field_field_liens_site a::after,
.node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file a::after {
display: inline-flex;
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
}
.node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
width: fit-content;

6
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg vendored
View File

@ -97,17 +97,17 @@
id="path300"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6"
style="fill:none;stroke:#f7002b;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.72647042,0,0,-0.72647042,1864.7965,4672.0583)"
transform="matrix(0.72647042,0,0,-0.72647042,1908.7965,4672.0583)"
clip-path="url(#clipPath301)" />
<path
id="path302"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6"
style="fill:none;stroke:#0833c2;stroke-width:85;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
transform="matrix(0.82260013,0,0,-0.82260013,2025.1937,5635.4927)"
transform="matrix(0.82260013,0,0,-0.82260013,2051.1937,5635.4927)"
clip-path="url(#clipPath303)" />
<path
id="path311"
d="M 456.65311,5225.771 V 4965.7705"
d="M 372.65311,5225.771 V 4965.7705"
style="fill:none;stroke:#000000;stroke-width:78.092;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

19
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/node-type-site.scss
View File

@ -340,8 +340,18 @@
div{
display: flex;
flex-direction: row;
margin-bottom: 1rem;
@media(max-width: 810px){
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
@media(max-width: 500px){
justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
}
.prev-site{
@ -385,14 +395,16 @@
margin-bottom: 0.3rem;
}
}
.field_field_liens_site{
.field_field_liens_site,
.field--type-file{
display: flex;
flex-direction: column !important;
@media (max-width:810px) {
// margin-left: 0;
max-width: 50%;
// max-width: 50%;
margin: auto;
margin-bottom: 1rem;
}
a{
@ -405,6 +417,7 @@
font-size: 0.6rem;
margin-bottom: 0.3rem;
svg{
display: none;
}
@ -413,7 +426,7 @@
content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem;
padding-left: 0.2rem;
padding-bottom: 0.2rem;
// padding-bottom: 0.2rem;
}

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/header.scss
View File

@ -202,6 +202,8 @@ header{
position: relative;
padding-left: 1rem;
padding-right: 1rem;
margin: auto;
padding-top: 1%;
@media(max-width: 1025px){
top: 0;
align-items: center;