ptites modifs meetup et ajout bouton se connecter pour voir les offres

This commit is contained in:
Valentin 2024-04-10 15:19:47 +02:00
parent 0dbd73ffe0
commit 4adc386dc6
4 changed files with 64 additions and 4 deletions

View File

@ -1977,13 +1977,13 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
line-height: 1.4; line-height: 1.4;
padding: 0.2rem 0; padding: 0.2rem 0;
} }
.fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title) { .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) {
grid-column: 1; grid-column: 1;
grid-row: 1/7; grid-row: 1/7;
align-self: center; align-self: center;
justify-self: center; justify-self: center;
} }
.fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title) > img { .fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) > img {
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;
border-radius: 5rem; border-radius: 5rem;
@ -1999,12 +1999,20 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
text-transform: uppercase; text-transform: uppercase;
font-weight: 800; font-weight: 800;
} }
.fullpage.meetup > .meetup_list > .views-row > article > a[title="Voir le profil utilisateur."] {
grid-column: 2;
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
}
.fullpage.meetup > .meetup_list > .views-row > article > a.author { .fullpage.meetup > .meetup_list > .views-row > article > a.author {
grid-column: 2; grid-column: 2;
grid-row: 2/3; grid-row: 2/3;
color: black; color: black;
text-transform: uppercase; text-transform: uppercase;
font-weight: 800; font-weight: 800;
display: none;
} }
.fullpage.meetup > .meetup_list > .views-row > article > a.offre-title { .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title {
grid-column: 2; grid-column: 2;
@ -2024,6 +2032,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
display: none; display: none;
} }
.fullpage.meetup > .meetup_list > .views-row > article > div.date-offre { .fullpage.meetup > .meetup_list > .views-row > article > div.date-offre {
font-size: 0.8rem;
grid-column: 2; grid-column: 2;
grid-row: 6/7; grid-row: 6/7;
height: unset !important; height: unset !important;
@ -2034,6 +2043,20 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
.fullpage.meetup > .meetup_list > .views-row > article > .legende { .fullpage.meetup > .meetup_list > .views-row > article > .legende {
display: none !important; display: none !important;
} }
.fullpage.meetup .connectToSeeButton {
display: inline-block;
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
padding: 0.5rem 1rem;
margin-top: 3rem;
margin-left: 3vw;
font-weight: 800;
color: white;
background-color: #038788;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
.fullpage.meetup .ornements_top_over { .fullpage.meetup .ornements_top_over {
top: -15vh; top: -15vh;
} }

File diff suppressed because one or more lines are too long

View File

@ -162,6 +162,21 @@
} }
} }
//
// Check if user is connected on meetup page
//
const connectLink = document.querySelector('a[href="/user/login"]');
const meetup = document.querySelector('.meetup_list');
if (connectLink && meetup) {
const connectToSeeButton = document.createElement('a');
connectToSeeButton.classList.add('connectToSeeButton');
connectToSeeButton.setAttribute('href', '/user/login');
connectToSeeButton.append('Se connecter pour consulter les offres');
meetup.parentElement.insertBefore(connectToSeeButton, meetup);
}
// //
// Effets parallax // Effets parallax
// //

View File

@ -106,7 +106,7 @@
@include main_text_content(); @include main_text_content();
padding: 0.2rem 0; padding: 0.2rem 0;
} }
> a:not(.author, .offre-title) { > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) {
grid-column: 1; grid-column: 1;
grid-row: 1/7; grid-row: 1/7;
align-self: center; align-self: center;
@ -128,12 +128,21 @@
font-weight: 800; font-weight: 800;
} }
} }
> a[title="Voir le profil utilisateur."] {
grid-column: 2;
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
//display: none;
}
> a.author { > a.author {
grid-column: 2; grid-column: 2;
grid-row: 2/3; grid-row: 2/3;
color: black; color: black;
text-transform: uppercase; text-transform: uppercase;
font-weight: 800; font-weight: 800;
display: none;
} }
> a.offre-title { > a.offre-title {
grid-column: 2; grid-column: 2;
@ -153,6 +162,7 @@
} }
} }
> div.date-offre { > div.date-offre {
font-size: 0.8rem;
grid-column: 2; grid-column: 2;
grid-row: 6/7; grid-row: 6/7;
height: unset !important; height: unset !important;
@ -166,6 +176,18 @@
} }
} }
} }
.connectToSeeButton {
display: inline-block;
@include main_text_content();
padding: 0.5rem 1rem;
margin-top: 3rem;
margin-left: $x_margin;
font-weight: 800;
color: white;
background-color: $teal;
transform: translateY(0);
transition: transform 0.2s ease-out;
}
.ornements_top_over { .ornements_top_over {