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

css lessites

This commit is contained in:
ouidade 2024-11-05 21:15:16 +01:00
parent b3b736a1a3
commit c6d86df3bb
2 changed files with 37 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3234,23 +3234,27 @@ main {
#lessites .content_container .view .header_view #block-sitesmap-block { #lessites .content_container .view .header_view #block-sitesmap-block {
margin: auto; margin: auto;
} }
#lessites .content_container #lessites .views-row-wrapper { #lessites .content_container .view .views-row-wrapper {
/* styles spécifiques à la page */ display: flex;
padding: 10px; flex-direction: row;
border: 1px solid #ccc; flex-wrap: wrap;
width: 85%;
margin: auto;
gap: 20px;
} }
#lessites .content_container #lessites .views-row-wrapper .views-row { #lessites .content_container .view .views-row-wrapper .views-row {
width: 20%; width: 18%;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
#lessites .content_container #lessites .views-row-wrapper .views-row .views-field-title .field-content a { #lessites .content_container .view .views-row-wrapper .views-row .views-field-title .field-content a {
color: rgb(7, 50, 194); color: rgb(7, 50, 194);
font-family: "gilroy-bold"; font-family: "gilroy-bold";
padding-top: 0.5rem; padding-top: 0.5rem;
} }
#lessites .content_container #lessites .views-row-wrapper .views-row .views-field-field-images .field-content img { #lessites .content_container .view .views-row-wrapper .views-row .views-field-field-images .field-content img {
width: 200px; width: 100%;
height: 200px; height: auto;
aspect-ratio: 1/1;
object-fit: cover; object-fit: cover;
} }

24
web/themes/custom/quartiers_de_demain/src/assets/scss/pages/lessites.scss
View File

@ -43,16 +43,15 @@ main{
} }
.views-row-wrapper{
display: flex;
flex-direction: row;
} flex-wrap: wrap;
#lessites .views-row-wrapper { width: 85%;
/* styles spécifiques à la page */ margin: auto;
padding: 10px; gap: 20px;
border: 1px solid #ccc;
.views-row{ .views-row{
width: 20%; width: 18%;
margin-bottom: 2rem; margin-bottom: 2rem;
.views-field-title .field-content a{ .views-field-title .field-content a{
color: $blue_QDD; color: $blue_QDD;
@ -60,12 +59,15 @@ main{
padding-top: 0.5rem; padding-top: 0.5rem;
} }
.views-field-field-images .field-content img{ .views-field-field-images .field-content img{
width: 200px; width: 100%;
height: 200px; height: auto;
aspect-ratio: 1 / 1;
object-fit: cover; object-fit: cover;
} }
} }
}
} }
} }
} }