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

css podcast

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2025-03-04 16:13:35 +01:00
parent 8d8c87844b
commit c5f23ffca8
2 changed files with 92 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3894,7 +3894,7 @@ main {
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div {
display: flex;
flex-direction: row;
flex-direction: row !important;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .field_field_mots_clefs div div {
border: solid 1px rgb(7, 50, 194);
@@ -3925,4 +3925,43 @@ main {
background-image: url("../img/map_pointer.svg");
background-size: contain;
background-repeat: no-repeat;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-documentation .field_body,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-documentation .field_field_images {
display: none;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_images {
width: 150px;
height: auto;
flex-shrink: 0;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_images img {
width: 100%;
height: auto;
border-radius: 9px;
}
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_title,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_sous_titre,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_author,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_date_ressource,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_body,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_mots_clefs,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_site,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_documents,
#ressources .layout-content .content_container .views-element-container .view .views-row .type-podcast div .field_field_liens {
flex: 1 1 50%;
}
#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-podcast) {
width: 50%;
}
#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-documentation) {
width: 25%;
}
#ressources .layout-content .content_container .views-element-container .view .views-row:has(.type-vidéo) {
width: 50%;
}

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

@@ -88,7 +88,7 @@
.field_field_mots_clefs{
div{
display: flex;
flex-direction: row;
flex-direction: row !important;
div{
border: solid 1px $blue_QDD;
margin-right: 0.2rem;
@@ -129,7 +129,57 @@
}
}
}
}
.type-documentation{
.field_body,
.field_field_images{
display: none;
}
}
.type-podcast{
div{
display: flex;
align-items: flex-start;
flex-wrap: wrap;
.field_field_images{
width: 150px;
height: auto;
flex-shrink: 0;
img{
width: 100%;
height: auto;
border-radius: 9px;
}
}
.field_title,
.field_field_sous_titre,
.field_field_author,
.field_field_date_ressource,
.field_body,
.field_field_mots_clefs,
.field_field_site,
.field_field_documents,
.field_field_liens{
flex: 1 1 50%;
}
}
}
}
.views-row:has(.type-podcast){
width: 50%;
}
.views-row:has(.type-documentation){
width: 25%;
}
.views-row:has(.type-vidéo){
width: 50%;
}
}