responsive page programme

This commit is contained in:
2025-10-07 12:15:28 +02:00
parent 43236af036
commit 8599dc1377
4 changed files with 92 additions and 41 deletions
+32 -1
View File
@@ -194,7 +194,7 @@
}
@media (max-width: 500px) {
.layout-content {
padding-top: 0;
padding-top: 2rem;
}
}
.layout-content .layout__region--first {
@@ -203,6 +203,12 @@
.layout-content .layout__region--second {
flex: 0 1 75%;
}
@media (max-width: 810px) {
.layout-content .layout__region--second {
flex: 0 1 90%;
margin: auto;
}
}
.layout-content .layout__region--second.view-id-home {
margin: 0;
}
@@ -2456,6 +2462,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 40%;
}
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 .views-row {
width: 100%;
}
}
.page-sitespilotes .view-display-id-page_1 .views-row:hover {
transform: scale(1.05);
transition: 0.3s transform ease, 0.3s box-shadow ease;
@@ -2595,6 +2606,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row:hover {
transform: none;
}
@media (max-width: 810px) {
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row {
width: 100%;
}
}
.page-sitespilotes .view-display-id-page_1 footer .view-display-id-block_2 .views-row .node-type-site {
margin: auto;
display: flex;
@@ -2885,6 +2901,11 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
margin-top: 0.6rem;
border-bottom: #fdc300 solid 2px;
}
@media (max-width: 810px) {
.page-programme .layout__region--first .block-region-first {
display: none;
}
}
.page-programme .block-region-second h2 {
font-weight: 1000;
font-size: 1.8rem;
@@ -2893,11 +2914,21 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
width: 80%;
font-size: 1.2rem;
}
@media (max-width: 810px) {
.page-programme .block-region-second .block-views-blockhome-block-1 {
width: 100%;
}
}
.page-programme .block-region-second .view-display-id-block_1 {
margin: 0;
width: 80%;
padding-top: 1rem;
}
@media (max-width: 810px) {
.page-programme .block-region-second .view-display-id-block_1 {
width: 100%;
}
}
.page-programme .block-region-second .block-config-pages-block {
margin: 0;
width: 80%;