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

correction bouton meetup + flèche faq

Browse Source
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
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;
}
#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) {
.fullpage.meetup {
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 {
background-color: #038788;
width: 40%;
height: 16vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
width: 60%;
margin-left: calc(40% - 3vw);
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) {
.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 {
padding-bottom: 1rem;
height: 100%;
}
.fullpage.meetup > header > div:last-of-type > div > a {
padding: 1rem 0.5rem;
height: 100%;
display: block;
font-weight: 800;
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 {
content: " →";
}
.fullpage.meetup > header > div:last-of-type::before {
.fullpage.meetup > header > div:last-of-type > div > a::before {
content: "+";
text-decoration: none !important;
color: white;
border: solid 1px white;
width: 3rem;
@@ -1897,7 +1917,10 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
justify-content: center;
align-items: center;
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 {
display: grid;
@@ -2104,6 +2127,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
color: white;
font-weight: 800;
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 {
align-self: center;
@@ -2202,9 +2230,11 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
font-weight: 800;
display: flex;
align-items: center;
justify-content: space-between;
}
.faq-fullpage .faq-question > span > a::after {
content: "↓";
margin-left: 1rem;
}
.faq-fullpage .faq-qa-visible > span > a::after {
content: "↑";
@@ -2273,6 +2303,12 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
#block-erabletheme-votrequestionnexistepas > div a {
color: white;
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 {

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

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

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

@@ -27,14 +27,13 @@
}
> div:last-of-type {
background-color: $teal;
width: 40%;
height: 16vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
width: 60%;
margin-left: calc(40% - $x_margin);
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) {
position: absolute;
top: 3vh;
@@ -42,31 +41,43 @@
width: 20%;
}
> div {
padding-bottom: 1rem;
height: 100%;
> a {
padding: 1rem 0.5rem;
height: 100%;
display: block;
font-weight: 800;
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 {
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 {
display: grid;
@@ -256,6 +267,11 @@
color: white;
font-weight: 800;
font-size: $sm_font_size;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
span > a:hover {
transform: translateY(-2px);
}
}
> .offre-time {