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
Show Stats 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 /////////////////////////////////
$(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({
slidesToShow: 3,
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-formulaireexposeactuspage-1 form .js-form-item {
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: space-between;
}
}
@ -982,6 +982,12 @@ footer {
height: 25px;
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-formulaireexposeactuspage-1 .form-actions {
padding-top: 1rem;
@ -1154,7 +1160,6 @@ footer {
@media (max-width: 810px) {
.slick-prev,
.slick-next {
top: -30px;
-webkit-transform: translate(0, -30px);
-ms-transform: translate(0, -30px);
transform: translate(0, -30px);
@ -1484,7 +1489,25 @@ footer {
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 {
position: relative;
display: flex;
flex-direction: row;
align-items: center;
@ -1498,38 +1521,6 @@ footer {
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 {
width: fit-content !important;
display: flex;
@ -1707,6 +1698,7 @@ footer {
font-size: 1.7rem;
font-family: "gilroy-semibold";
padding-left: 0.5rem;
line-height: 1.5rem;
}
#actus-caroussel button {
top: -2.5rem;
@ -1796,6 +1788,7 @@ footer {
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
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 {
margin: 0;
@ -3412,6 +3405,9 @@ body {
.node-type-static main {
background-color: #f6f7f3;
}
.node-type-static.node-id-2 aside {
display: none;
}
.node-type-static .layout-content .content_container {
display: flex;
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 {
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%;
margin: 1rem;
justify-content: space-between;
}
@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%;
}
}
#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%;
height: auto;
object-fit: cover;
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;
}
#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;
}
#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;
}
#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 */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
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 {
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 /////////////////////////////////
$(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({
slidesToShow: 3,
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 */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
}
}
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{
width: 43%;
margin: 1rem;

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

@ -2,6 +2,11 @@
main{
background-color: #f6f7f3;
}
&.node-id-2{
aside{
display: none;
}
}
.layout-content{
.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-family: 'gilroy-semibold';
padding-left: 0.5rem;
line-height: 1.5rem;
}
button{
@ -94,6 +95,7 @@
-khtml-border-radius: 9px; /* pour Safari et Chrome */
-webkit-border-radius: 9px; /* pour Safari sur Mac */
border-radius: 9px; /* CSS3 */
aspect-ratio: 4/5;
}
}
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){
display: flex;
flex-direction: column;
flex-direction: row;
justify-content: space-between;
}
label{
@ -133,6 +133,11 @@
height: 25px;
width: 96%;
}
&.js-form-item{
@media(max-width: 810px){
flex-direction: column;
}
}
}
.form-actions{
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;
outline: none;
@media(max-width:810px){
top: -30px;
// top: -30px;
-webkit-transform: translate(0, -30px);
-ms-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';
// }
}
.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{
position: relative;
display: flex;
flex-direction: row;
align-items: center;
@ -65,35 +83,35 @@
padding-bottom: 1rem;
padding-left: 4rem;
}
.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){
transform: translateY(18.6rem);
}
@media(max-width:1080px){
transform: translateY(18.3rem);
}
@media(min-width:809px){
transform: translateY(20.7rem);
}
@media(max-width:770px){
align-self: center;
font-size: 2.5rem;
display: inline-block;
line-height: 0;
transform: translateY(21.2rem);
padding-right: 3rem;
}
// @media(max-width:290px){
// transform: translateY(22.2rem);
// }
// .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){
// transform: translateY(18.6rem);
// }
// @media(max-width:1080px){
// transform: translateY(18.3rem);
// }
// @media(min-width:809px){
// transform: translateY(20.7rem);
// }
// @media(max-width:770px){
// align-self: center;
// font-size: 2.5rem;
// display: inline-block;
// line-height: 0;
// transform: translateY(21.2rem);
// padding-right: 3rem;
// }
// // @media(max-width:290px){
// // transform: translateY(22.2rem);
// // }
}
// }
// border-bottom: solid black 1px;
// &:before{
// content:".";

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

@ -50,7 +50,7 @@
{% block paragraph %}
{# <div{{ attributes.addClass(classes) }}> #}
<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 %}
{# {{ content }} #}
<div class="date">