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

media querry /ressources

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi 2025-03-17 15:31:24 +01:00
parent 275cd5bbf6
commit 150354c301
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -4108,12 +4108,27 @@ main {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
width: 50%; width: 50%;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-podcast) {
width: 100%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
width: 25%; width: 25%;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-documentation) {
width: 50%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
width: 50%; width: 50%;
} }
@media (max-width: 810px) {
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-vidéo) {
width: 100%;
}
}
#ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-Kit-de-communication) { #ressources .layout-content .content_container .views-element-container .view-rows-wrapper .views-row:has(.type-Kit-de-communication) {
width: 100%; width: 100%;
} }

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

@ -263,12 +263,21 @@
.views-row:has(.type-podcast){ .views-row:has(.type-podcast){
width: 50%; width: 50%;
@media(max-width: 810px){
width: 100%;
}
} }
.views-row:has(.type-documentation){ .views-row:has(.type-documentation){
width: 25%; width: 25%;
@media(max-width: 810px){
width: 50%;
}
} }
.views-row:has(.type-vidéo){ .views-row:has(.type-vidéo){
width: 50%; width: 50%;
@media(max-width: 810px){
width: 100%;
}
} }
.views-row:has(.type-Kit-de-communication){ .views-row:has(.type-Kit-de-communication){
width: 100%; width: 100%;