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
web/themes/custom/quartiers_de_demain
dist/assets/css
bundle.css
src/assets/scss
pages
ressources.scss
partials
aside.scss

55
web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css vendored

@ -965,6 +965,16 @@ footer {
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 {
width: 60%;
margin-left: 20%;
@ -4215,6 +4225,7 @@ main {
color: white;
}
#ressources .layout-content .content_container .views-element-container h3:has(div.type-Kit-de-communication) {
display: none;
margin-bottom: 0;
}
#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;
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-field-sous-titre-1 {
font-family: "gilroy-medium";
@ -4244,12 +4260,23 @@ main {
font-size: 0.6rem;
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 {
font-family: "gilroy-light";
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row .views-field-body-1 p {
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 {
margin-top: 0.5rem;
display: flex;
@ -4263,6 +4290,11 @@ main {
font-family: "gilroy-semibold";
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 {
margin-top: 0.5rem;
}
@ -4309,7 +4341,8 @@ main {
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper.type-Podcast .views-row {
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,
@ -4318,6 +4351,12 @@ main {
grid-row: 1/span 5;
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-video iframe {
width: 100%;
@ -4325,6 +4364,13 @@ main {
aspect-ratio: 1/1;
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-video img {
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 {
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 {
width: 43%;
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 {
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 {
display: none;
width: 100%;
background-color: rgb(7, 50, 194);
}

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

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

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

@ -100,6 +100,7 @@
width: 100%;
}
}
}
.js-form-type-textfield{
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;
}