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

css home buton et forme

This commit is contained in:
ouidade 2024-11-08 21:10:16 +01:00
parent b4f8c069fc
commit 4595b84af1
5 changed files with 38 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1556,9 +1556,9 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home #background-animated { #home #background-animated {
position: absolute; position: absolute;
top: 1800px; top: 1500px;
left: 220px; left: 200px;
width: 87%; width: 90%;
pointer-events: none; /* Permet de cliquer à travers l'élément */ pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */ z-index: 2; /* S'assure que l'élément soit au-dessus */
} }
@ -1835,15 +1835,19 @@ body {
margin-top: 0; margin-top: 0;
} }
} }
#home article.node-type-static .field_body > p:nth-child(4) { #home article.node-type-static .field_body h6 {
flex: 1 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-right: 2rem; margin-top: 1rem;
margin-top: 0; margin-bottom: 2rem !important;
margin-bottom: 2rem; width: fit-content;
color: white;
background: black;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.3rem;
} }
#home article.node-type-static .field_body > p:nth-child(4) a { #home article.node-type-static .field_body h6 a {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
color: white; color: white;
@ -1852,10 +1856,10 @@ body {
font-size: 0.6rem; font-size: 0.6rem;
padding-left: 0.5rem; padding-left: 0.5rem;
} }
#home article.node-type-static .field_body > p:nth-child(4) a svg { #home article.node-type-static .field_body h6 a svg {
display: none; display: none;
} }
#home article.node-type-static .field_body > p:nth-child(4) a::after { #home article.node-type-static .field_body h6 a::after {
display: inline-flex; display: inline-flex;
content: url("../img/noun-arrow-to-right.svg"); content: url("../img/noun-arrow-to-right.svg");
padding-right: 0.2rem; padding-right: 0.2rem;
@ -3300,7 +3304,7 @@ body {
flex-direction: column; flex-direction: column;
} }
.node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents { .node-type-site .layout--threecol-25-50-25 .layout__region--third .documents-liens-wrapper .field_field_documents {
margin-bottom: 0.5rem; 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 {
display: flex; display: flex;

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

@ -4,9 +4,9 @@
<svg <svg
version="1.1" version="1.1"
id="svg1" id="svg1"
width="1760.8781" width="1800.8781"
height="3633.5603" height="3633.5603"
viewBox="0 0 1760.878 3633.5604" viewBox="0 0 1800.878 3633.5604"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<defs <defs
@ -38,7 +38,7 @@
</defs> </defs>
<g <g
id="g3" id="g3"
transform="translate(-339.16899,-2704.2078)"> transform="translate(-299.16899,-2704.2078)">
<g <g
id="g2"> id="g2">
<g <g
@ -46,7 +46,7 @@
transform="translate(0.17944336,-2.9196463)"> transform="translate(0.17944336,-2.9196463)">
<path <path
id="path256" id="path256"
d="m 361.27266,3336.1817 182.91889,175.8201" d="m 321.27266,3336.1817 182.91889,175.8201"
style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /> style="fill:none;stroke:#0833c2;stroke-width:64.3111;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path <path
id="path256-3" id="path256-3"
@ -89,13 +89,13 @@
id="rect1" id="rect1"
width="1540.1483" width="1540.1483"
height="112.19624" height="112.19624"
x="37.598515" x="77.598511"
y="68.049271" /> y="68.049271" />
<rect <rect
style="fill:none;stroke-width:0;paint-order:stroke fill markers" style="fill:none;stroke-width:0;paint-order:stroke fill markers"
id="rect3" id="rect3"
width="1559.4871" width="1559.4871"
height="238.19258" height="238.19258"
x="73.212296" x="113.2123"
y="3395.3674" /> y="3395.3674" />
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.7 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

18
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/home.scss
View File

@ -115,14 +115,20 @@
margin-top: 0; margin-top: 0;
} }
} }
> p:nth-child(4){ h6{
flex: 1 100%; // flex: 1 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-right: 2rem; // padding-right: 2rem;
margin-top: 0; margin-top: 1rem;
margin-bottom: 2rem; margin-bottom: 2rem !important;
width: fit-content;
color: white;
background: black;
// padding-left: 0.5rem;
text-transform: uppercase;
font-size: 0.6rem;
margin-bottom: 0.3rem;
// margin: auto; // margin: auto;
// padding-bottom: 2rem; // padding-bottom: 2rem;
// @media(max-width: 1090px){ // @media(max-width: 1090px){

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

@ -371,7 +371,7 @@
flex-direction: column; flex-direction: column;
} }
.field_field_documents{ .field_field_documents{
margin-bottom: 0.5rem; margin-bottom: 0.3rem;
} }
} }
.field_field_liens_site{ .field_field_liens_site{

6
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/formes-animees.scss
View File

@ -3,9 +3,9 @@
#background-animated { #background-animated {
// display: none; // display: none;
position: absolute; position: absolute;
top: 1800px; top: 1500px;
left: 220px; left: 200px;
width: 87%; width: 90%;
// height: 100%; // height: 100%;
pointer-events: none; /* Permet de cliquer à travers l'élément */ pointer-events: none; /* Permet de cliquer à travers l'élément */
z-index: 2; /* S'assure que l'élément soit au-dessus */ z-index: 2; /* S'assure que l'élément soit au-dessus */