home presentation, page site

This commit is contained in:
2024-06-23 23:03:46 +02:00
parent 44c9b53c16
commit 3353e208b1
13 changed files with 292 additions and 132 deletions
+69 -9
View File
@@ -1725,6 +1725,7 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .image-site img {
height: 500px;
width: auto;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
background-color: rgb(255, 255, 255);
@@ -1735,12 +1736,16 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
grid-row: 7/span 5;
grid-column: 7/span 9;
padding: 1rem;
z-index: 99;
}
@media (max-width: 891px) {
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content {
width: auto;
}
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h1 {
display: none;
}
.home-page-layout-content .block-views-blocksites-block-1 .views-row .node-type-site .filtered-content h2 {
order: 2;
margin: 0;
@@ -1793,6 +1798,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.home-page-layout-content .block-block-content9e601647-144f-4e8e-b9e1-7d744f9141d7 {
width: fit-content;
margin: auto;
z-index: 99;
position: relative;
}
.view-display-id-page_1 {
@@ -1831,6 +1838,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
padding-left: 1rem;
padding-right: 1rem;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content h1 {
display: none;
}
.view-display-id-page_1 .views-row .node-type-site .filtered-content h2 {
order: 2;
margin: 0;
@@ -2053,17 +2063,34 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
display: none;
}
.block-views-blockhome-block-1 .view-display-id-block_1 {
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 60%;
margin: auto;
padding-top: 5rem;
max-height: 300px;
overflow: hidden;
text-overflow: ellipsis;
/* Masquer tous les paragraphes après le premier */
}
@media (max-width: 891px) {
.block-views-blockhome-block-1 .view-display-id-block_1 {
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 {
width: 80%;
padding-top: 3rem;
}
}
.page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 .field-content p:nth-of-type(n+2), .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 h3, .page--home .home-page-layout-content .block-views-blockhome-block-1 .view-display-id-block_1 ul {
display: none;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 {
width: fit-content;
margin: auto;
z-index: 99;
position: relative;
margin-top: 2rem;
}
.page--home .home-page-layout-content .block-block-content793e5016-2b96-4802-9f38-1cd3768775b5 .field--type-link .field__item::after {
content: url("../dist/images/noun-arrow-1569918-black.svg");
}
.page-programme .block-region-first {
padding-left: 18%;
@@ -2126,29 +2153,59 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 80%;
margin: auto;
}
.page-node-site .region-content #block-reha-titredepage {
display: none;
}
.page-node-site .region-content .node-type-site {
margin: auto;
display: flex;
flex-direction: column;
width: 100%;
background-color: white;
}
.page-node-site .region-content .node-type-site .field--name-field-image {
.page-node-site .region-content .node-type-site .image-site {
order: 2;
max-width: 100%;
top: -150px;
position: relative;
}
.page-node-site .region-content .node-type-site .field--name-field-image img {
.page-node-site .region-content .node-type-site .image-site .field--name-field-image {
width: 80%;
margin: auto;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item {
display: flex;
flex-direction: row;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item img {
width: 100%;
object-fit: cover;
height: fit-content;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote {
align-self: flex-end;
font-style: italic;
margin: 0;
width: 10%;
}
.page-node-site .region-content .node-type-site .image-site .field--name-field-image .field__item blockquote p {
margin: 0;
padding-left: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content {
z-index: 99;
background-color: rgb(255, 255, 255);
width: 25vw;
order: 1;
display: flex;
flex-direction: column;
padding-left: 1rem;
padding-right: 1rem;
padding-bottom: 4rem;
padding-top: 1rem;
}
.page-node-site .region-content .node-type-site .filtered-content h1 {
order: 2;
margin: 0;
font-size: 1.3rem;
font-weight: 900;
}
.page-node-site .region-content .node-type-site .filtered-content h2 {
order: 2;
@@ -2163,8 +2220,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site {
order: 3;
font-size: 1.3rem;
line-height: 0.3rem;
font-size: 1rem;
line-height: 1.3rem;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address {
margin: 0;
@@ -2181,6 +2238,9 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-adresse-site .address .country {
display: none;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-date-de-construction {
order: 5;
}
.page-node-site .region-content .node-type-site .filtered-content .field--name-field-architecte {
order: 4;
padding-top: 1rem;