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

css responsive site

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-03 13:58:53 +01:00
parent b88b807554
commit 08f405aaa5
3 changed files with 30 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3501,10 +3501,22 @@ body {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
display: flex; display: flex;
flex-direction: row; 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) { @media (max-width: 500px) {
.node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div {
justify-content: center; 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 { .node-type-site .layout--threecol-25-50-25 .layout__region--third .block-region-third div .prev-site {
@ -3550,8 +3562,8 @@ body {
@media (max-width: 810px) { @media (max-width: 810px) {
.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 { .node-type-site .layout--threecol-25-50-25 .layout__region--third .field--type-file {
max-width: 50%;
margin: auto; 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,
@ -3575,7 +3587,6 @@ body {
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 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 { .node-type-site .layout--threecol-25-50-25 .layout__region--third .file--mime-application-pdf {
width: fit-content; 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" id="path300"
d="M 0,0 C 0,-126.805 102.795,-229.6 229.6,-229.6" 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" 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)" /> clip-path="url(#clipPath301)" />
<path <path
id="path302" id="path302"
d="M 0,0 C 0,126.805 -102.795,229.6 -229.6,229.6" 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" 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)" /> clip-path="url(#clipPath303)" />
<path <path
id="path311" 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" /> 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>
</g> </g>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

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

@ -340,8 +340,18 @@
div{ div{
display: flex; display: flex;
flex-direction: row; 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){ @media(max-width: 500px){
justify-content: center; justify-content: center;
margin: auto;
margin-bottom: 1rem;
width: fit-content;
} }
.prev-site{ .prev-site{
@ -392,8 +402,9 @@
@media (max-width:810px) { @media (max-width:810px) {
// margin-left: 0; // margin-left: 0;
max-width: 50%; // max-width: 50%;
margin: auto; margin: auto;
margin-bottom: 1rem;
} }
a{ a{
@ -406,6 +417,7 @@
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0.3rem; margin-bottom: 0.3rem;
svg{ svg{
display: none; display: none;
} }
@ -414,7 +426,7 @@
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
padding-left: 0.2rem; padding-left: 0.2rem;
padding-bottom: 0.2rem; // padding-bottom: 0.2rem;
} }