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

css fleche toggle actu /home

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-17 14:05:01 +01:00
parent b91c841ef4
commit f000a5832b
4 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1531,6 +1531,8 @@ footer {
} }
} }
#actus-caroussel .content-actus .view-rows-wrapper { #actus-caroussel .content-actus .view-rows-wrapper {
margin-left: 20%;
width: 65%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
@ -1538,7 +1540,7 @@ footer {
#actus-caroussel .content-actus .views-row { #actus-caroussel .content-actus .views-row {
display: flex; display: flex;
margin: auto; margin: auto;
width: 50%; width: 100%;
font-size: 0.5rem; font-size: 0.5rem;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -1548,6 +1550,9 @@ footer {
align-items: center; align-items: center;
border-bottom: solid black 0.5px; border-bottom: solid black 0.5px;
} }
#actus-caroussel .content-actus .views-row .node-type-actualite {
width: 85%;
}
#actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu { #actus-caroussel .content-actus .views-row .node-type-actualite .content-wrapper-actu {
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;
@ -1736,7 +1741,7 @@ footer {
margin: 10px auto; margin: 10px auto;
border: none; border: none;
background-color: transparent; background-color: transparent;
background-image: url("../img/fleche-bas.svg"); background-image: url("/themes/custom/quartiers_de_demain/dist/assets/img/fleche-bas.svg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
@ -4096,9 +4101,6 @@ main {
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite {
width: 85%; width: 85%;
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite a {
pointer-events: none;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu {
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;

2
web/themes/custom/quartiers_de_demain/dist/assets/img/fleche-bas.svg vendored
View File

@ -7,7 +7,7 @@
viewBox="0 0 34.876163 17.028626" viewBox="0 0 34.876163 17.028626"
version="1.1" version="1.1"
id="svg1" id="svg1"
sodipodi:docname="grandes_fleches_prev.svg" sodipodi:docname="fleche-bas.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

2
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/actualites.scss
View File

@ -50,7 +50,7 @@
.node-type-actualite{ .node-type-actualite{
width: 85%; width: 85%;
// padding-bottom: 2rem; // padding-bottom: 2rem;
a{pointer-events: none;}
.content-wrapper-actu{ .content-wrapper-actu{
display: grid; display: grid;
grid-template-columns: 1fr 2fr; grid-template-columns: 1fr 2fr;

13
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/actu-caroussel-home.scss
View File

@ -29,6 +29,8 @@
} }
.view-rows-wrapper{ .view-rows-wrapper{
margin-left: 20%;
width: 65%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
@ -37,7 +39,7 @@
.views-row{ .views-row{
display: flex; display: flex;
margin: auto; margin: auto;
width: 50%; width: 100%;
font-size: 0.5rem; font-size: 0.5rem;
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@ -47,7 +49,7 @@
align-items: center; align-items: center;
border-bottom: solid black 0.5px; border-bottom: solid black 0.5px;
.node-type-actualite{ .node-type-actualite{
width: 85%;
// padding-bottom: 2rem; // padding-bottom: 2rem;
.content-wrapper-actu{ .content-wrapper-actu{
@ -244,10 +246,7 @@
} }
} }
// a:not(.ext){
// display: none;
// }
} }
@ -260,7 +259,7 @@
margin: 10px auto; margin: 10px auto;
border: none; border: none;
background-color: transparent; background-color: transparent;
background-image: url("../img/fleche-bas.svg"); background-image: url("/themes/custom/quartiers_de_demain/dist/assets/img/fleche-bas.svg");
background-size: contain; background-size: contain;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;