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

paralaxe

This commit is contained in:
ouidade 2024-09-24 21:21:56 +02:00
parent 8ea4cb329c
commit ab4fda5d0a
4 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1544,12 +1544,10 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
} }
#home #background-animated { #home #background-animated {
display: none;
position: absolute; position: absolute;
top: -150px; top: -150px;
left: 0; left: 0;
width: 100%; width: 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 */
} }
@ -1561,6 +1559,7 @@ header #block-quartiers-de-demain-logoquartiersdedemain .field_field_logo .qdd-h
#home #background-animated svg { #home #background-animated svg {
max-width: 100%; max-width: 100%;
position: relative; position: relative;
top: -1500px;
} }
#home .layout-content { #home .layout-content {
position: relative; position: relative;

BIN
web/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

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

@ -1,12 +1,12 @@
#home{ #home{
#background-animated { #background-animated {
display: none; // display: none;
position: absolute; position: absolute;
top: -150px; top: -150px;
left: 0; left: 0;
width: 100%; width: 100%;
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 */
@media(max-width: 1400px){ @media(max-width: 1400px){
@ -15,7 +15,7 @@
svg{ svg{
max-width: 100%; max-width: 100%;
position: relative; position: relative;
// top: -1500px; top: -1500px;
} }
} }
// .not-visible{ // .not-visible{

4
web/themes/custom/quartiers_de_demain/templates/page--front.html.twig
View File

@ -82,7 +82,9 @@
{{ page.content }} {{ page.content }}
</div>{# /.layout-content #} </div>{# /.layout-content #}
<div id="background-animated" > <div id="background-animated" >
{% include active_theme_path() ~ '/dist/assets/img/formes-animees.svg' %} {# {% include active_theme_path() ~ '/dist/assets/img/formes-animees.svg' %} #}
<img src="/themes/custom/quartiers_de_demain/dist/assets/img/formes-animees.svg" id="formes-animees"/>
</div> </div>
{% if page.sidebar_first %} {% if page.sidebar_first %}
<aside class="layout-sidebar-first" role="complementary"> <aside class="layout-sidebar-first" role="complementary">