diff --git a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css index 3e6ef26..5ead01f 100644 --- a/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css +++ b/web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css @@ -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); } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss index 330c1f9..95542d0 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/ressources.scss +++ b/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; } diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss index 7034999..8a43d40 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/partials/aside.scss +++ b/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; +} +