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
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) {
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) {
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) {
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) {
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){
width: 50%;
@media(max-width: 810px){
width: 100%;
}
}
.views-row:has(.type-documentation){
width: 25%;
@media(max-width: 810px){
width: 50%;
}
}
.views-row:has(.type-vidéo){
width: 50%;
@media(max-width: 810px){
width: 100%;
}
}
.views-row:has(.type-Kit-de-communication){
width: 100%;