bachir
/
drupal-erable
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

correction bouton meetup + flèche faq

This commit is contained in:
Valentin 2024-03-30 18:41:51 +01:00
parent 746c347042
commit 54e34f98f9
5 changed files with 105 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
web/themes/erabletheme/css/styles.css
View File

@ -1820,6 +1820,16 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
margin-right: 0.5rem; margin-right: 0.5rem;
} }
#block-erabletheme-unequestion a {
display: block;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
#block-erabletheme-unequestion a:hover {
transform: translateY(-2px);
}
@media (min-width: 760px) { @media (min-width: 760px) {
.fullpage.meetup { .fullpage.meetup {
width: auto; width: auto;
@ -1857,14 +1867,15 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
} }
.fullpage.meetup > header > div:last-of-type { .fullpage.meetup > header > div:last-of-type {
background-color: #038788; background-color: #038788;
width: 40%; width: 60%;
height: 16vh; margin-left: calc(40% - 3vw);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
margin-top: 4vh; margin-top: 4vh;
margin-left: calc(60% - 3vw); }
@media (min-width: 760px) {
.fullpage.meetup > header > div:last-of-type {
width: 40%;
margin-left: calc(60% - 3vw);
}
} }
@media (min-width: 1080px) { @media (min-width: 1080px) {
.fullpage.meetup > header > div:last-of-type { .fullpage.meetup > header > div:last-of-type {
@ -1875,18 +1886,27 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
} }
} }
.fullpage.meetup > header > div:last-of-type > div { .fullpage.meetup > header > div:last-of-type > div {
padding-bottom: 1rem; height: 100%;
} }
.fullpage.meetup > header > div:last-of-type > div > a { .fullpage.meetup > header > div:last-of-type > div > a {
padding: 1rem 0.5rem;
height: 100%;
display: block;
font-weight: 800; font-weight: 800;
color: white; color: white;
text-decoration: underline; display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
transform: translateY(0);
transition: transform 0.2s ease-out;
} }
.fullpage.meetup > header > div:last-of-type > div > a::after { .fullpage.meetup > header > div:last-of-type > div > a::after {
content: " →"; content: " →";
} }
.fullpage.meetup > header > div:last-of-type::before { .fullpage.meetup > header > div:last-of-type > div > a::before {
content: "+"; content: "+";
text-decoration: none !important;
color: white; color: white;
border: solid 1px white; border: solid 1px white;
width: 3rem; width: 3rem;
@ -1897,7 +1917,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding-bottom: 10px; padding-bottom: 10px;
margin-top: 1rem; margin-right: 0.6rem;
}
.fullpage.meetup > header > div:last-of-type > div > a:hover {
transform: translateY(-2px);
} }
.fullpage.meetup > .meetup_list { .fullpage.meetup > .meetup_list {
display: grid; display: grid;
@ -2104,6 +2127,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
color: white; color: white;
font-weight: 800; font-weight: 800;
font-size: 0.8rem; font-size: 0.8rem;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-contact span > a:hover {
transform: translateY(-2px);
} }
.fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time { .fullpage.meetup-offre > .offre-content > div > div > div > div > .offre-time {
align-self: center; align-self: center;
@ -2202,9 +2230,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-weight: 800; font-weight: 800;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
} }
.faq-fullpage .faq-question > span > a::after { .faq-fullpage .faq-question > span > a::after {
content: "↓"; content: "↓";
margin-left: 1rem;
} }
.faq-fullpage .faq-qa-visible > span > a::after { .faq-fullpage .faq-qa-visible > span > a::after {
content: "↑"; content: "↑";
@ -2273,6 +2303,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
#block-erabletheme-votrequestionnexistepas > div a { #block-erabletheme-votrequestionnexistepas > div a {
color: white; color: white;
text-decoration: underline; text-decoration: underline;
display: block;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
#block-erabletheme-votrequestionnexistepas > div a:hover {
transform: translateY(-2px);
} }
#block-erabletheme-votrequestionnexistepas::before { #block-erabletheme-votrequestionnexistepas::before {

2
web/themes/erabletheme/css/styles.css.map
View File

File diff suppressed because one or more lines are too long

9
web/themes/erabletheme/scss/_consultation.scss
View File

@ -54,3 +54,12 @@
align-items: center; align-items: center;
margin-right: 0.5rem; margin-right: 0.5rem;
} }
#block-erabletheme-unequestion a {
display: block;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
#block-erabletheme-unequestion a:hover {
transform: translateY(-2px);
}

9
web/themes/erabletheme/scss/_faq.scss
View File

@ -15,9 +15,11 @@
font-weight: 800; font-weight: 800;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
} }
> span > a::after { > span > a::after {
content: "↓"; content: "↓";
margin-left: 1rem;
} }
} }
.faq-qa-visible { .faq-qa-visible {
@ -86,9 +88,16 @@
a { a {
color: white; color: white;
text-decoration: underline; text-decoration: underline;
display: block;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
a:hover {
transform: translateY(-2px);
} }
} }
} }
#block-erabletheme-votrequestionnexistepas::before { #block-erabletheme-votrequestionnexistepas::before {
content: "?"; content: "?";
grid-column: 1; grid-column: 1;

62
web/themes/erabletheme/scss/_meetup.scss
View File

@ -27,14 +27,13 @@
} }
> div:last-of-type { > div:last-of-type {
background-color: $teal; background-color: $teal;
width: 40%; width: 60%;
height: 16vh; margin-left: calc(40% - $x_margin);
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
margin-top: 4vh; margin-top: 4vh;
margin-left: calc(60% - $x_margin); @media (min-width: $breakpoint_tablet) {
width: 40%;
margin-left: calc(60% - $x_margin);
}
@media (min-width: $breakpoint_desktop) { @media (min-width: $breakpoint_desktop) {
position: absolute; position: absolute;
top: 3vh; top: 3vh;
@ -42,31 +41,43 @@
width: 20%; width: 20%;
} }
> div { > div {
padding-bottom: 1rem; height: 100%;
> a { > a {
padding: 1rem 0.5rem;
height: 100%;
display: block;
font-weight: 800; font-weight: 800;
color: white; color: white;
text-decoration: underline; display: flex;
flex-direction: row;
align-items: center;
justify-content: space-around;
transform: translateY(0);
transition: transform 0.2s ease-out;
} }
> a::after { > a::after {
content: "\2003 →"; content: "\2003 →";
} }
> a::before {
content: "+";
text-decoration: none !important;
color: white;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
margin-right: 0.6rem;
}
> a:hover {
transform: translateY(-2px);
}
} }
} }
> div:last-of-type::before {
content: "+";
color: white;
border: solid 1px white;
width: 3rem;
height: 3rem;
border-radius: 1.5rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 10px;
margin-top: 1rem;
}
} }
> .meetup_list { > .meetup_list {
display: grid; display: grid;
@ -256,6 +267,11 @@
color: white; color: white;
font-weight: 800; font-weight: 800;
font-size: $sm_font_size; font-size: $sm_font_size;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
span > a:hover {
transform: translateY(-2px);
} }
} }
> .offre-time { > .offre-time {