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

Compare commits

base: bachir:58bb8f5c6299ee99cecf211b26c17ac462eebf57
Branches Tags
bachir:master bachir:prod bachir:stage bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd
...
compare: bachir:7779e1306e10f74345a50cbc3fca3af75f8e738b
Branches Tags
bachir:master bachir:prod bachir:stage bachir:newPages bachir:live bachir:tmp bachir:avantLive bachir:prd

2 Commits
58bb8f5c62 ... 7779e1306e

Author SHA1 Message Date
ouidade
7779e1306e font mobile ressources 2025-04-07 21:54:52 +02:00
ouidade
9f69453289 en savoir + 2025-04-07 21:54:52 +02:00
6 changed files with 174 additions and 18 deletions
Expand all files Collapse all files

1
web/autoload.php
View File

@ -10,7 +10,6 @@
* @see index.php * @see index.php
* @see core/install.php * @see core/install.php
* @see core/rebuild.php * @see core/rebuild.php
* @see core/modules/statistics/statistics.php
*/ */
return require __DIR__ . '/../vendor/autoload.php'; return require __DIR__ . '/../vendor/autoload.php';

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

@ -965,6 +965,16 @@ footer {
font-family: "gilroy-regular"; font-family: "gilroy-regular";
} }
.ss-search,
.ss-option,
.ss-list {
font-size: 0.7rem;
}
.js-form-item-field-tous-les-sites-value {
display: none !important;
}
#logo-animated-container { #logo-animated-container {
width: 60%; width: 60%;
margin-left: 20%; margin-left: 20%;
@ -1756,16 +1766,15 @@ footer {
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
order: 2; order: 2;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
font-weight: 600; font-weight: 600;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding-bottom: 0.1rem;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 16px; /* Ajuste la largeur */ width: 16px; /* Ajuste la largeur */
@ -1840,6 +1849,22 @@ footer {
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
font-size: 0.8rem; font-size: 0.8rem;
} }
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
content: "+";
display: block;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
#actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens { #actus-caroussel .content-actus .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
order: 7; order: 7;
padding: 0; padding: 0;
@ -4200,6 +4225,7 @@ main {
color: white; color: white;
} }
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) { #ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) {
display: none;
margin-bottom: 0; margin-bottom: 0;
} }
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) .field_name { #ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) .field_name {
@ -4222,6 +4248,11 @@ main {
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
font-family: "gilroy-medium"; font-family: "gilroy-medium";
@ -4229,12 +4260,23 @@ main {
font-size: 0.6rem; font-size: 0.6rem;
margin-bottom: 0; margin-bottom: 0;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-title-1,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-sous-titre-1 {
font-size: 1rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 {
font-family: "gilroy-light"; font-family: "gilroy-light";
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
font-size: 0.5rem; font-size: 0.5rem;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs {
margin-top: 0.5rem; margin-top: 0.5rem;
display: flex; display: flex;
@ -4248,6 +4290,11 @@ main {
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-mots-clefs a {
font-size: 0.8rem;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-field-site {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
@ -4294,7 +4341,8 @@ main {
@media (max-width: 810px) { @media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
width: 100%; width: 100%;
grid-template-columns: 1fr 2fr; display: flex;
flex-direction: column;
} }
} }
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
@ -4303,6 +4351,12 @@ main {
grid-row: 1/span 5; grid-row: 1/span 5;
padding: 0 1rem 1rem 1rem; padding: 0 1rem 1rem 1rem;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video {
padding: 0 0 1rem 0;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
width: 100%; width: 100%;
@ -4310,6 +4364,13 @@ main {
aspect-ratio: 1/1; aspect-ratio: 1/1;
border-radius: 9px; border-radius: 9px;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images iframe,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video iframe {
width: auto;
height: 100%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images img, #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-images img,
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video img { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row .views-field-field-video img {
width: 100%; width: 100%;
@ -4332,6 +4393,9 @@ 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 {
grid-column: 2; grid-column: 2;
} }
#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éo .views-row {
width: 43%; width: 43%;
margin: 1rem; margin: 1rem;
@ -4354,7 +4418,11 @@ main {
#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éo .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 {
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 {
display: none;
width: 100%; width: 100%;
background-color: rgb(7, 50, 194); background-color: rgb(7, 50, 194);
} }
@ -4521,16 +4589,15 @@ main {
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite {
order: 2; order: 2;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a {
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
font-weight: 600; font-weight: 600;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding-bottom: 0.1rem;
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite a::before { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_type_d_actualite::before {
content: ""; content: "";
display: inline-block; display: inline-block;
width: 16px; /* Ajuste la largeur */ width: 16px; /* Ajuste la largeur */
@ -4602,6 +4669,22 @@ main {
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_body p {
font-size: 0.8rem; font-size: 0.8rem;
} }
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline {
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .links.inline::after {
content: "+";
display: block;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
#actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens { #actualites .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .node-type-actualite .content-wrapper-actu .field_field_liens {
order: 7; order: 7;
padding: 0; padding: 0;

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

@ -162,13 +162,14 @@
} }
.field_field_type_d_actualite{ .field_field_type_d_actualite{
order: 2; order: 2;
a{ // a{
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
font-weight: 600; font-weight: 600;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding-bottom: 0.1rem;
&::before{ &::before{
content: ""; content: "";
display: inline-block; display: inline-block;
@ -180,7 +181,7 @@
// margin-right: 0.4rem; // margin-right: 0.4rem;
padding-right: 0.4rem; padding-right: 0.4rem;
} }
} // }
} }
.field_field_date{ .field_field_date{
@ -258,6 +259,23 @@
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
.links.inline{
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
&::after{
content: "+";
display: block;
// width: 20px;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
}
.field_field_liens{ .field_field_liens{
order: 7; order: 7;
padding:0; padding:0;

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

@ -88,6 +88,7 @@
} }
h3:has(div.type-Kit-de-communication){ h3:has(div.type-Kit-de-communication){
display: none;
margin-bottom: 0; margin-bottom: 0;
.field_name{ .field_name{
padding-top: 1rem; padding-top: 1rem;
@ -110,16 +111,27 @@
.views-row{ .views-row{
font-size: 0.5rem; font-size: 0.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
@media(max-width: 810px){
font-size: 0.8rem;
}
.views-field-title-1, .views-field-title-1,
.views-field-field-sous-titre-1{ .views-field-field-sous-titre-1{
font-family: "gilroy-medium"; font-family: "gilroy-medium";
color: $blue_QDD; color: $blue_QDD;
font-size: 00.6rem; font-size: 00.6rem;
margin-bottom: 0; margin-bottom: 0;
@media(max-width: 810px){
font-size: 1rem;
}
} }
.views-field-body-1{ .views-field-body-1{
font-family: "gilroy-light"; font-family: "gilroy-light";
p{font-size: 0.5rem;} p{
font-size: 0.5rem;
@media(max-width: 810px){
font-size: 0.8rem;
}
}
} }
.views-field-field-mots-clefs{ .views-field-field-mots-clefs{
margin-top: 0.5rem; margin-top: 0.5rem;
@ -131,9 +143,10 @@
padding: 0.1rem 0.2rem; padding: 0.1rem 0.2rem;
font-size: 0.4rem; font-size: 0.4rem;
font-family: "gilroy-semibold"; font-family: "gilroy-semibold";
color: $blue_QDD;
color: $blue_QDD; @media(max-width: 810px){
font-size: 0.8rem;
}
} }
@ -194,20 +207,26 @@
margin-top: 1rem; margin-top: 1rem;
@media(max-width: 810px){ @media(max-width: 810px){
width: 100%; width: 100%;
grid-template-columns: 1fr 2fr; // grid-template-columns: 1fr 2fr;
display: flex;
flex-direction: column;
} }
.views-field-field-images, .views-field-field-images,
.views-field-field-video { .views-field-field-video {
grid-column: 1; grid-column: 1;
grid-row: 1 /span 5; grid-row: 1 /span 5;
padding: 0 1rem 1rem 1rem; padding: 0 1rem 1rem 1rem;
@media(max-width: 810px){
padding: 0 0 1rem 0;
}
iframe{ iframe{
width: 100%; width: 100%;
height: auto; height: auto;
aspect-ratio: 1 / 1; aspect-ratio: 1 / 1;
border-radius: 9px; border-radius: 9px;
@media(max-width: 810px){ @media(max-width: 810px){
// width: 70%; width: auto;
height: 100%;
} }
} }
img{ img{
@ -233,6 +252,9 @@
grid-column: 2; grid-column: 2;
} }
.views-field-field-liens{
display: none;
}
} }
@ -255,10 +277,14 @@
border-radius: 9px; border-radius: 9px;
} }
.views-field-title-1{margin-top: 1rem;} .views-field-title-1{margin-top: 1rem;}
.views-field-field-liens{
display: none;
}
} }
} }
&.type-Kit-de-communication{ &.type-Kit-de-communication{
display: none;
width: 100%; width: 100%;
background-color: $blue_QDD; background-color: $blue_QDD;
} }

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

@ -139,13 +139,14 @@
} }
.field_field_type_d_actualite{ .field_field_type_d_actualite{
order: 2; order: 2;
a{ // a{
text-transform: uppercase; text-transform: uppercase;
color: red; color: red;
font-size: 0.6rem; font-size: 0.6rem;
font-weight: 600; font-weight: 600;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
padding-bottom: 0.1rem;
&::before{ &::before{
content: ""; content: "";
display: inline-block; display: inline-block;
@ -157,7 +158,7 @@
// margin-right: 0.4rem; // margin-right: 0.4rem;
padding-right: 0.4rem; padding-right: 0.4rem;
} }
} // }
} }
.field_field_date{ .field_field_date{
order: 3; order: 3;
@ -237,6 +238,23 @@
font-size: 0.8rem; font-size: 0.8rem;
} }
} }
.links.inline{
text-transform: uppercase;
padding-left: 0;
font-size: 0.7rem;
font-family: "gilroy-bold";
width: fit-content;
display: inline-flex;
align-items: center;
&::after{
content: "+";
display: block;
// width: 20px;
padding-left: 0.5rem;
font-size: 1.8rem;
height: fit-content;
}
}
.field_field_liens{ .field_field_liens{
order: 7; order: 7;
padding:0; padding:0;

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

@ -100,6 +100,7 @@
width: 100%; width: 100%;
} }
} }
} }
.js-form-type-textfield{ .js-form-type-textfield{
label{ label{
@ -134,3 +135,14 @@
} }
} }
} }
.ss-search,
.ss-option,
.ss-list{
font-size: 0.7rem;
}
.js-form-item-field-tous-les-sites-value{
display: none !important;
}