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

Compare commits

base: bachir:21d1e760d5f78943bc31985919313b2ca143417f
Branches Tags
bachir:master bachir:prod bachir:stage bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
...
compare: bachir:6258b503040debe3ad55d9f8f5f72cf23c5a2b9f
Branches Tags
bachir:master bachir:prod bachir:stage bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

6 Commits
21d1e760d5 ... 6258b50304

Author SHA1 Message Date
ouidade
6258b50304 responsive filtre actu 2025-04-08 22:25:08 +02:00
ouidade
817162241a puce calendrier mobile 2025-04-08 22:11:55 +02:00
ouidade
9b6785d324 puce calendrier 2025-04-08 22:03:57 +02:00
ouidade
e4d3a32ed1 initialise calendrier goto 2025-04-08 21:53:12 +02:00
ouidade
1aae363439 aspect ratio img actu & display none aside static page 2025-04-08 21:30:13 +02:00
ouidade
1f5ab942d7 change class 2025-04-08 19:33:53 +02:00
12 changed files with 112 additions and 72 deletions
Expand all files Collapse all files

6
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js vendored
View File

@ -382,6 +382,12 @@ $( document ).ready(function() {
// ////////////////////// start calendrier home ///////////////////////////////// // ////////////////////// start calendrier home /////////////////////////////////
$(document).ready(function(){ $(document).ready(function(){
// Aller au 9e élément à l'initialisation
$('.__timeline-content').on('init', function(event, slick){
slick.slickGoTo(8); // Index 8 = 9e item
});
$('.__timeline-content').slick({ $('.__timeline-content').slick({
slidesToShow: 3, slidesToShow: 3,
slidesToScroll: 1, slidesToScroll: 1,

2
web/themes/custom/quartiers_de_demain/dist/assets/bundle.js.map vendored
View File

File diff suppressed because one or more lines are too long

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

@ -890,7 +890,7 @@ footer {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 form .js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 form .js-form-item {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
} }
@ -982,6 +982,12 @@ footer {
height: 25px; height: 25px;
width: 96%; width: 96%;
} }
@media (max-width: 810px) {
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .js-form-type-textfield.js-form-item,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .js-form-type-textfield.js-form-item {
flex-direction: column;
}
}
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions, .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeressourcespage-1 .form-actions,
.layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions { .layout-sidebar-first #block-quartiers-de-demain-formulaireexposeactuspage-1 .form-actions {
padding-top: 1rem; padding-top: 1rem;
@ -1154,7 +1160,6 @@ footer {
@media (max-width: 810px) { @media (max-width: 810px) {
.slick-prev, .slick-prev,
.slick-next { .slick-next {
top: -30px;
-webkit-transform: translate(0, -30px); -webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px); -ms-transform: translate(0, -30px);
transform: translate(0, -30px); transform: translate(0, -30px);
@ -1484,7 +1489,25 @@ footer {
height: fit-content; height: fit-content;
} }
} }
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
content: "";
position: absolute;
bottom: -0.2rem;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
background-color: black;
border-radius: 50%;
z-index: 2;
}
@media (max-width: 810px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement::after {
bottom: -0.4rem;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement { #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement {
position: relative;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -1498,38 +1521,6 @@ footer {
padding-left: 4rem; padding-left: 4rem;
} }
} }
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
align-self: end;
font-size: 2.5rem;
display: inline-block; /* Permet d'utiliser height */
line-height: 0; /* Assure que la hauteur est minimale */
transform: translateX(1rem);
}
@media (max-width: 1100px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(18.6rem);
}
}
@media (max-width: 1080px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(18.3rem);
}
}
@media (min-width: 809px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
transform: translateY(20.7rem);
}
}
@media (max-width: 770px) {
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .border-symbol {
align-self: center;
font-size: 2.5rem;
display: inline-block;
line-height: 0;
transform: translateY(21.2rem);
padding-right: 3rem;
}
}
#home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date { #home .__container-deroulement .config_pages--type--deroulement .field_field_phase .timeline .__timeline-content .slick-track .paragraph--type--phase-deroulement .date {
width: fit-content !important; width: fit-content !important;
display: flex; display: flex;
@ -1707,6 +1698,7 @@ footer {
font-size: 1.7rem; font-size: 1.7rem;
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
padding-left: 0.5rem; padding-left: 0.5rem;
line-height: 1.5rem;
} }
#actus-caroussel button { #actus-caroussel button {
top: -2.5rem; top: -2.5rem;
@ -1796,6 +1788,7 @@ footer {
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
margin: 0; margin: 0;
@ -3412,6 +3405,9 @@ body {
.node-type-static main { .node-type-static main {
background-color: #f6f7f3; background-color: #f6f7f3;
} }
.node-type-static.node-id-2 aside {
display: none;
}
.node-type-static .layout-content .content_container { .node-type-static .layout-content .content_container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -4462,29 +4458,29 @@ main {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-liens {
display: none; display: none;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
width: 43%; width: 43%;
margin: 1rem; margin: 1rem;
justify-content: space-between; justify-content: space-between;
} }
@media (max-width: 810px) { @media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row {
width: 100%; width: 100%;
} }
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row img { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
object-fit: cover; object-fit: cover;
border-radius: 9px; border-radius: 9px;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row iframe { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row iframe {
border-radius: 9px; border-radius: 9px;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row .views-field-title-1 { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row .views-field-title-1 {
margin-top: 1rem; margin-top: 1rem;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéo .views-row .views-field-field-liens { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Vidéos .views-row .views-field-field-liens {
display: none; display: none;
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Kit-de-communication { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Kit-de-communication {
@ -4616,6 +4612,7 @@ main {
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_images .actu-diaporama .slick-list blockquote.image-field-caption {
margin: 0; margin: 0;

6
web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js
View File

@ -324,6 +324,12 @@ $( document ).ready(function() {
// ////////////////////// start calendrier home ///////////////////////////////// // ////////////////////// start calendrier home /////////////////////////////////
$(document).ready(function(){ $(document).ready(function(){
// Aller au 9e élément à l'initialisation
$('.__timeline-content').on('init', function(event, slick){
slick.slickGoTo(8); // Index 8 = 9e item
});
$('.__timeline-content').slick({ $('.__timeline-content').slick({
slidesToShow: 3, slidesToShow: 3,
slidesToScroll: 1, slidesToScroll: 1,

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

@ -117,6 +117,7 @@
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
} }
} }
blockquote.image-field-caption{ blockquote.image-field-caption{

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

@ -262,7 +262,7 @@
} }
} }
&.type-Vidéo{ &.type-Vidéos{
.views-row{ .views-row{
width: 43%; width: 43%;
margin: 1rem; margin: 1rem;

5
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/static.scss
View File

@ -2,6 +2,11 @@
main{ main{
background-color: #f6f7f3; background-color: #f6f7f3;
} }
&.node-id-2{
aside{
display: none;
}
}
.layout-content{ .layout-content{
.content_container{ .content_container{

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

@ -12,6 +12,7 @@
font-size: 1.7rem; font-size: 1.7rem;
font-family: 'gilroy-semibold'; font-family: 'gilroy-semibold';
padding-left: 0.5rem; padding-left: 0.5rem;
line-height: 1.5rem;
} }
button{ button{
@ -94,6 +95,7 @@
-khtml-border-radius: 9px; /* pour Safari et Chrome */ -khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */ -webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */ border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
} }
} }
blockquote.image-field-caption{ blockquote.image-field-caption{

7
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss
View File

@ -54,7 +54,7 @@
@media(max-width: 810px){ @media(max-width: 810px){
display: flex; display: flex;
flex-direction: column; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
label{ label{
@ -133,6 +133,11 @@
height: 25px; height: 25px;
width: 96%; width: 96%;
} }
&.js-form-item{
@media(max-width: 810px){
flex-direction: column;
}
}
} }
.form-actions{ .form-actions{
padding-top:1rem ; padding-top:1rem ;

2
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/slick-theme.scss
View File

@ -85,7 +85,7 @@ $slick-opacity-not-active: 0.25 !default;
border: none; border: none;
outline: none; outline: none;
@media(max-width:810px){ @media(max-width:810px){
top: -30px; // top: -30px;
-webkit-transform: translate(0, -30px); -webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px); -ms-transform: translate(0, -30px);
transform: translate(0, -30px); transform: translate(0, -30px);

72
web/themes/custom/quartiers_de_demain/src/assets/scss/partials/timeline.scss
View File

@ -53,7 +53,25 @@
// content: '\002022'; // content: '\002022';
// } // }
} }
.paragraph--type--phase-deroulement::after {
content: '';
position: absolute;
bottom: -0.2rem; // Juste en dessous ou collé à la border-bottom
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 10px;
background-color: black;
border-radius: 50%;
z-index: 2;
@media(max-width:810px){
bottom: -0.4rem;
}
}
.paragraph--type--phase-deroulement{ .paragraph--type--phase-deroulement{
position: relative;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
@ -65,35 +83,35 @@
padding-bottom: 1rem; padding-bottom: 1rem;
padding-left: 4rem; padding-left: 4rem;
} }
.border-symbol{ // .border-symbol{
align-self: end; // align-self: end;
font-size: 2.5rem; // font-size: 2.5rem;
display: inline-block; /* Permet d'utiliser height */ // display: inline-block; /* Permet d'utiliser height */
line-height: 0; /* Assure que la hauteur est minimale */ // line-height: 0; /* Assure que la hauteur est minimale */
transform: translateX(1rem); // transform: translateX(1rem);
@media(max-width:1100px){ // @media(max-width:1100px){
transform: translateY(18.6rem); // transform: translateY(18.6rem);
} // }
@media(max-width:1080px){ // @media(max-width:1080px){
transform: translateY(18.3rem); // transform: translateY(18.3rem);
} // }
@media(min-width:809px){ // @media(min-width:809px){
transform: translateY(20.7rem); // transform: translateY(20.7rem);
} // }
@media(max-width:770px){ // @media(max-width:770px){
align-self: center; // align-self: center;
font-size: 2.5rem; // font-size: 2.5rem;
display: inline-block; // display: inline-block;
line-height: 0; // line-height: 0;
transform: translateY(21.2rem); // transform: translateY(21.2rem);
padding-right: 3rem; // padding-right: 3rem;
} // }
// @media(max-width:290px){ // // @media(max-width:290px){
// transform: translateY(22.2rem); // // transform: translateY(22.2rem);
// } // // }
} // }
// border-bottom: solid black 1px; // border-bottom: solid black 1px;
// &:before{ // &:before{
// content:"."; // content:".";

2
web/themes/custom/quartiers_de_demain/templates/paragraph--phase-deroulement.html.twig
View File

@ -50,7 +50,7 @@
{% block paragraph %} {% block paragraph %}
{# <div{{ attributes.addClass(classes) }}> #} {# <div{{ attributes.addClass(classes) }}> #}
<div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}> <div{{ attributes.addClass(classes).setAttribute('id', 'paragraph-id--' ~ paragraph.id()) }}>
<span class="border-symbol">&#x2022;</span> <!-- Ajout du symbole --> {# <span class="border-symbol">&#x2022;</span> <!-- Ajout du symbole --> #}
{% block content %} {% block content %}
{# {{ content }} #} {# {{ content }} #}
<div class="date"> <div class="date">