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

font mobile ressources

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-04-07 21:54:26 +02:00
parent 9f69453289
commit 7779e1306e
3 changed files with 98 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
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%;
@ -4215,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 {
@ -4237,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";
@ -4244,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;
@ -4263,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;
} }
@ -4309,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,
@ -4318,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%;
@ -4325,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%;
@ -4347,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;
@ -4369,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);
} }

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;
} }

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;
}