view actus

This commit is contained in:
2024-06-20 12:41:34 +02:00
parent d33f29aea3
commit b1ff433222
12 changed files with 407 additions and 66 deletions
@@ -1,6 +1,7 @@
.block-views-blockactus-block-1{
display:none;
// display:none;
background-color: white;
padding-bottom: 3rem;
h2{
width: 80%;
margin: auto;
@@ -22,38 +23,44 @@
p.field__item{
display: none;
}
h2{
order: 3;
margin: 0;
}
.field--name-field-image{
order: 1;
max-width: 100%;
padding-bottom: 1rem;
img{
max-width: 100%;
object-fit: contain;
width: 80%;
height: auto;
}
}
.field--name-field-numero-site {
order: 3;
.infos-content{
display: flex;
flex-direction: column;
h2{
order: 2;
margin: 0;
padding: 0;
}
.field--name-field-sous-titre {
order: 3;
}
.field--name-field-type-d-actualite{
order: 1;
text-transform: uppercase;
}
.field--name-field-site{
order: 5;
}
.field--name-field-date{
order: 4;
}
}
.field--name-field-adresse-site{
order: 4;
}
.field--name-field-architecte{
order: 4;
}
.field--name-field-type-d-actualite{
order: 2;
}
.field--name-field-site{
order: 3;
.body-content{
display: none;
}
}
.node-type-actualite > div:nth-child(2) > div:nth-child(2){
display: none;
}
}
}
@@ -7,7 +7,7 @@
padding: 2rem;
margin-right: 1rem;
width: 20%;
margin-left: 8%;
margin-left: 12%;
padding-top: 0.5rem;
padding-left: 0.5rem;
padding-bottom: 5rem;
@@ -25,6 +25,7 @@
.block-views-blocksites-block-1 {
top: -60px;
position: relative;
height: 550px;
.views-row{
@media(max-width: 891px){
@@ -45,11 +46,14 @@
.image-site{
order: 1;
grid-row: 1/span 10;
grid-column: 1/span 9;
grid-column: 2/span 9;
width: 100%;
img {
width: 100%;
// object-fit: cover;
height: auto;
// width: 70%;
// // object-fit: cover;
// height: auto;
height: 500px;
}
}
.filtered-content{
@@ -60,7 +64,7 @@
display: flex;
flex-direction: column;
grid-row: 7/span 5;
grid-column: 7/span 12;
grid-column: 7/span 9;
padding: 1rem;
@media(max-width: 891px){
width: auto;
@@ -0,0 +1,46 @@
.page-node-site{
.node-type-actualite{
width: 70%;
margin: auto;
display: grid;
grid-template-columns: repeat(4, auto);
grid-template-rows: repeat(2, auto);
padding-top: 3rem;
.image-actualite{
grid-row: 1;
grid-column: 1 /span 2;
margin-right: 2rem;
img{
height: fit-content;
// width: auto;
}
}
.infos-content{
grid-row: 1;
grid-column: 3 /span 4;
.field--name-field-type-de-actualite{
text-transform: uppercase;
font-size: 1.5rem;
}
.field--name-field-sous-titre{
font-size: 2rem;
}
.field--name-field-auteur{
font-weight: 800;
font-size: 1.4rem;
}
}
.body-content {
grid-row: 2;
grid-column: 1 /span 3;
width: 100%;
margin-top: 2rem;
.field--name-field-fichiers{
width: fit-content;
}
}
}
}