ajout menu aside pages projets

This commit is contained in:
Valentin
2024-11-06 16:59:14 +01:00
parent e6e9e9f7ac
commit dea01885d7
8 changed files with 318 additions and 129 deletions

View File

@@ -1,4 +1,4 @@
.fullpage {
.layout-content .fullpage {
margin-bottom: 10vh;
padding-top: 3vh;
padding-bottom: 3vh;
@@ -44,8 +44,8 @@
.liens_fixed > div > div, .file_fixed > div > div,
.liens > div > div, .file_fixed > div > div {
padding: 0 calc($x_margin / 2);
text-align: right;
padding: 0 calc($x_margin / 2);
margin: 2rem 0;
@include fluo_button();
a {
@@ -100,11 +100,13 @@
}
}
main:has(#block-erabletheme-leprogramme-2) {
main:has(#block-erabletheme-leprogramme-2),
main:has(#block-erabletheme-views-block-projets-block-1) {
.fullpage {
@media (min-width: $breakpoint_tablet) {
width: 70vw;
margin-left: 2vw;
overflow-x: hidden;
}
@media (min-width: $breakpoint_desktop) {
width: 50vw;
@@ -114,7 +116,8 @@ main:has(#block-erabletheme-leprogramme-2) {
}
}
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) {
aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2),
aside.layout-sidebar-first:has(#block-erabletheme-views-block-projets-block-1) {
height: auto;
margin-top: 2vh;
margin-bottom: 2vh;
@@ -137,7 +140,12 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) {
top: 12vh;
width: 22vw;
}
#block-erabletheme-leprogramme-2 {
#block-erabletheme-leprogramme-2,
#block-erabletheme-views-block-projets-block-1 {
> div > div {
width: auto !important;
margin: 0 !important;
}
padding: 1.5rem;
background-color: white;
margin-left: 2vw;
@@ -147,9 +155,7 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) {
display: flex;
justify-content: space-between;
cursor: pointer;
> span {
@include sous_titre();
}
@include sous_titre();
> div {
mask-image: url('/themes/erabletheme/assets/icons/arrow-down-s-line.svg');
background-size: contain;
@@ -164,14 +170,18 @@ aside.layout-sidebar-first:has(#block-erabletheme-leprogramme-2) {
}
}
}
> ul {
> ul,
.projets_list {
max-height: 100vh;
overflow: hidden;
padding: 0;
transition: max-height 0.6s ease;
> li {
> li,
.views-row {
margin: 1rem 0;
@include main_text_content();
> a {
a {
color: black;
font-size: $m_font_size;
&:hover,

View File

@@ -1,4 +1,4 @@
.fullpage.projets {
.layout-content .fullpage.projets {
padding-top: 5vh;
> .intro_map {
@media (min-width: $breakpoint_desktop) {
@@ -150,7 +150,7 @@
}
.fullpage.projet_full {
overflow-x: hidden; // enlever quand on ajoute le menu des projets à gauche
// overflow-x: hidden; // enlever quand on ajoute le menu des projets à gauche
.retour_projets {
padding-top: 3vh;
@@ -383,12 +383,15 @@
}
.liens,
.file_fixed {
> div > div > div {
padding: 1rem 0;
> div > div {
margin: 0 !important;
> div {
padding: 1rem 0;
}
}
}
}
#block-erabletheme-views-block-projets-block-1 {
display: none;
// display: none;
}

View File

@@ -14,7 +14,8 @@ body {
display: flex;
}
main:has(#block-erabletheme-leprogramme-2) {
main:has(#block-erabletheme-leprogramme-2),
main:has(#block-erabletheme-views-block-projets-block-1) {
display: flex;
flex-direction: column-reverse;
@media screen and (min-width: $breakpoint_tablet) {