fix bug chevauchement page actu

This commit is contained in:
2022-01-06 11:09:02 +01:00
parent dcf9cb3de4
commit 54c2412483
2 changed files with 112 additions and 115 deletions
+6 -11
View File
@@ -758,9 +758,9 @@ a {
display: none; } display: none; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top {
background-color: rgba(0, 158, 227, 0.2); background: linear-gradient(to bottom, rgba(0, 158, 227, 0.2) 60%, white 40%);
height: 40vh; padding-right: 1rem;
padding-right: 1rem; } padding-bottom: 4rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--top .block-region-top {
display: grid; display: grid;
grid-template-columns: 1fr repeat(8, 1fr) 1fr; grid-template-columns: 1fr repeat(8, 1fr) 1fr;
@@ -797,9 +797,7 @@ a {
max-height: 360px; max-height: 360px;
object-fit: cover; } object-fit: cover; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
margin-top: 18rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first {
display: flex; display: flex;
justify-content: flex-end; } justify-content: flex-end; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--first .block-region-first .block-entity-fieldnodefield-textes {
@@ -821,8 +819,7 @@ a {
text-decoration: underline; } text-decoration: underline; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second {
flex: 0 1 50%; flex: 0 1 50%; }
margin-top: 18rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second {
width: 90%; } width: 90%; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody p {
@@ -854,9 +851,7 @@ a {
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--second .block-region-second .block-entity-fieldnodebody .panel-body #outputtext {
overflow-y: visible !important; } overflow-y: visible !important; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third { .path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
margin-top: 18rem; }
.path-node.page-node-type-actualite .layout--threecol-25-50-25 .layout__region--third .block-region-third {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 65%; } width: 65%; }
@@ -6,9 +6,11 @@
.layout__region--top{ .layout__region--top{
// grid-row: 1 / span 2; // grid-row: 1 / span 2;
background-color: $background-actus; // background-color: $background-actus;
height: 40vh; // height: 40vh;
background: linear-gradient(to bottom, $background-actus 60%, white 40%);
padding-right: 1rem; padding-right: 1rem;
padding-bottom: 4rem;
.block-region-top{ .block-region-top{
// position: relative; // position: relative;
display: grid; display: grid;
@@ -66,7 +68,7 @@
} }
} }
.layout__region--first{ .layout__region--first{
margin-top: 18rem; // margin-top: 18rem;
.block-region-first{ .block-region-first{
display: flex; display: flex;
@@ -102,7 +104,7 @@
.layout__region--second{ .layout__region--second{
// grid-row: 3; // grid-row: 3;
flex: 0 1 50%; flex: 0 1 50%;
margin-top: 18rem; // margin-top: 18rem;
.block-region-second{ .block-region-second{
width: 90%; width: 90%;
.block-entity-fieldnodebody{ .block-entity-fieldnodebody{
@@ -159,7 +161,7 @@
.layout__region--third{ .layout__region--third{
// grid-row: 4; // grid-row: 4;
margin-top: 18rem; // margin-top: 18rem;
.block-region-third{ .block-region-third{
display: flex; display: flex;
flex-direction: column; flex-direction: column;