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

/lessites

Browse Source
This commit is contained in:
Ouidade Soussi Chiadmi
2024-10-30 00:26:28 +01:00
parent 4228fc8a43
commit 79d28366db
2 changed files with 36 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3208,36 +3208,30 @@ main {
}
#lessites .content_container .view {
display: flex;
flex-direction: column;
flex-direction: row;
flex-wrap: wrap;
width: 100vw;
}
#lessites .content_container .view .header_view {
position: relative !important;
height: fit-content;
z-index: none;
}
#lessites .content_container .view .header_view .view {
z-index: 0;
width: 100vw;
margin-bottom: 2rem;
}
#lessites .content_container .view div:has(.views-row) {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
width: 80%;
margin: auto;
justify-content: space-between;
padding-top: 3rem;
font-size: 0.6rem;
#lessites .content_container .view .header_view #leaflet-map-view-sites-embed-1 {
width: inherit;
}
#lessites .content_container .view div:has(.views-row) .views-row {
#lessites .content_container .view .views-row {
width: 20%;
margin-bottom: 2rem;
}
#lessites .content_container .view div:has(.views-row) .views-row .views-field-title .field-content a {
#lessites .content_container .view .views-row .views-field-title .field-content a {
color: rgb(7, 50, 194);
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
#lessites .content_container .view div:has(.views-row) .views-row .views-field-field-images .field-content img {
#lessites .content_container .view .views-row .views-field-field-images .field-content img {
width: 200px;
height: 200px;
object-fit: cover;

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

@@ -25,40 +25,37 @@ main{
.view{
display: flex;
flex-direction: column;
flex-direction: row;
flex-wrap: wrap;
width: 100vw;
.header_view {
position: relative !important;
height: fit-content;
z-index: none;
.view{
width: 100vw;
}
}
div:has(.views-row){
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
width: 80%;
margin: auto;
justify-content: space-between;
padding-top: 3rem;
font-size: 0.6rem;
.views-row{
width: 20%;
.views-field-title .field-content a{
color: $blue_QDD;
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
.views-field-field-images .field-content img{
width: 200px;
height: 200px;
object-fit: cover;
}
z-index: 0;
width: 100vw;
margin-bottom: 2rem;
#leaflet-map-view-sites-embed-1{
width:inherit;
}
}
.views-row{
width: 20%;
margin-bottom: 2rem;
.views-field-title .field-content a{
color: $blue_QDD;
font-family: "gilroy-bold";
padding-top: 0.5rem;
}
.views-field-field-images .field-content img{
width: 200px;
height: 200px;
object-fit: cover;
}
}
}
}
}