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 3aef42f..80ce9ff 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 @@ -4528,6 +4528,7 @@ main { border-top: solid 1px rgb(7, 50, 194); padding-top: 2rem; margin-left: 2rem; + margin-right: 2rem; } #lesprojets .content_container .views-element-container .views-row .views-field-group { width: 18%; @@ -4615,8 +4616,32 @@ main { font-size: 0.4rem; width: 80%; } +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet div { + display: flex; + flex-direction: column; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image { + order: 2; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image img { + width: 100%; + height: auto; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_image .image-field-caption { + display: none; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_laureats { + order: 1; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe { + order: 3; +} #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_nom_de_l_equipe h3 { font-size: 0.6rem; + margin: 0; +} +#lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro { + order: 4; } #lesprojets .content_container .views-element-container .views-row .views-field-field-projets-lie .field-content ul li .node-type-projet .field_field_intro p { font-size: 0.5rem; diff --git a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss index ee214d0..7e228a6 100644 --- a/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss +++ b/web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lesprojets.scss @@ -36,6 +36,7 @@ main{ border-top: solid 1px $blue_QDD; padding-top: 2rem; margin-left: 2rem; + margin-right: 2rem; .views-field-group{ width: 18%; margin-bottom: 2rem; @@ -110,22 +111,39 @@ main{ flex-direction: row; margin-top: 0; li{ - display: flex; - justify-content: end; + display: flex; + justify-content: end; .node-type-projet{ font-size: 0.4rem; width: 80%; - + + div{ + display: flex; + flex-direction: column; + } + .field_field_image{ + order: 2; + img{ + width: 100%; + height: auto; + } + .image-field-caption{ + display: none; + } + } .field_field_laureats{ - + order: 1; } .field_field_nom_de_l_equipe{ + order: 3; h3{ font-size: 0.6rem; + margin: 0; } } .field_field_intro{ + order: 4; p{ font-size: 0.5rem; }