modif menu, suppression ornements

This commit is contained in:
Valentin
2024-10-31 01:32:57 +01:00
parent 13bbaef953
commit 4845247d6b
29 changed files with 280 additions and 975 deletions

View File

@@ -26,10 +26,10 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
justify-content: center;
form {
width: 95%;
font-family: 'Marianne', sans-serif;
@media screen and (min-width: $breakpoint_desktop) {
padding: 0 20vw;
}
font-family: 'Marianne', sans-serif;
.form-item {
margin: 1.8rem 0;
.form-checkbox {
@@ -75,4 +75,4 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
}
#edit-field-description-0-format {
display: none;
}
}

View File

@@ -13,15 +13,17 @@ body.toolbar-fixed header[role="banner"] {
//overflow: hidden;
header[role="banner"] {
width: 100%;
background: white;
z-index: 99;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
background-color: white;
z-index: 99;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) {
position: sticky;
top: -12vh;
box-shadow: none;
}
> div {
> div:first-of-type {
z-index: 99;
position: relative;
display: grid;
grid-template-columns: repeat(16, 1fr);
> div{
@@ -85,12 +87,15 @@ body.toolbar-fixed header[role="banner"] {
}
}
@media (min-width: $breakpoint_desktop) {
grid-column: 3 / 6;
> div > div > a > img {
transform: translateX(-40px);
padding-top: 30px;
padding-bottom: 30px;
}
grid-column: 3 / 8;
}
@media (min-width: $breakpoint_desktop_large) {
grid-column: 3 / 6;
> div > div > a > img {
transform: translateX(-40px);
padding-top: 30px;
padding-bottom: 30px;
}
}
}
#block-erabletheme-logoerable {
@@ -216,8 +221,8 @@ body.toolbar-fixed header[role="banner"] {
display: none;
}
}
}
}
}
}
@@ -253,12 +258,18 @@ body.toolbar-fixed header[role="banner"] {
margin-top: 0 !important;
}
}
> div:nth-of-type(2) {
z-index: 98;
position: relative;
}
}
#block-erabletheme-navigationprincipale {
width: 100vw;
display: none;
background-color: white;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
position: absolute;
padding-top: 1rem;
// background-color: white;
// box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
@media (min-width: $breakpoint_desktop) {
display: block;
}
@@ -267,25 +278,57 @@ body.toolbar-fixed header[role="banner"] {
display: flex;
padding: 1rem 10vw;
justify-content: space-around;
border-top: solid 1px $dark_green;
// border-top: solid 1px $dark_green;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
padding: 4px 12px;
background-color: white;
transition: background-color 0.3s ease;
&:first-of-type {
display: flex;
justify-items: center;
&::after {
content: url(../assets/icons/arrow-down-s-line.svg);
display: inline-block;
height: 1rem;
width: 1rem;
margin-left: 0.2rem;
}
}
&:hover, &.submenu-open {
background-color: $fluo_green;
}
a {
font-weight: 800;
padding: 4px 6px;
color: black;
background-color: rgba(255, 255, 255, 0);
transition: background-color 0.3s ease;
}
a:hover {
background-color: $fluo_green;
}
a.is-active {
font-weight: 800;
color: black;
&:is-active {
background-color: $fluo_green;
}
}
}
}
}
#block-erabletheme-leprogramme {
position: absolute;
background-color: white;
max-height: 0vh;
overflow: hidden;
display: none;
transition: max-height 0.6s ease;
> h2 {
display: none;
}
ul {
padding: 1rem 1.5rem;
li {
font-family: 'Marianne', sans-serif;
font-size: $m_font_size;
margin: 0.5rem 0;
a {
color: black;
}
}
}
}
}

View File

@@ -28,7 +28,7 @@
background-image: url(../assets/formes/forme_3.png);
top: 4vh;
right: -8vw;
}
}
@media (min-width: $breakpoint_tablet) {
left: -35vw;
top: -20vw;
@@ -202,7 +202,7 @@
height: 30vh;
}
}
.ornements_carousel_bottom {
position: absolute;
display: none;
@@ -358,8 +358,8 @@
bottom: 5vh;
left: 0;
width: 60%;
}
}
}
> div:nth-of-type(2) {
background-image: url(../assets/formes/forme_5.png);
@@ -372,11 +372,11 @@
}
@media (min-width: $breakpoint_desktop) {
top:0;
}
}
}
.ornements_consultation_right {
pointer-events: none;
pointer-events: none;
position: absolute !important;
height: 20vh;
width: 30vw;
@@ -423,4 +423,4 @@
top: 0;
right: 0;
}
}
}