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;
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-row: 1/7;
align-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;
height: 10rem;
border-radius: 5rem;
@ -1999,12 +1999,20 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
text-transform: uppercase;
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 {
grid-column: 2;
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
display: none;
}
.fullpage.meetup > .meetup_list > .views-row > article > a.offre-title {
grid-column: 2;
@ -2024,6 +2032,7 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
display: none;
}
.fullpage.meetup > .meetup_list > .views-row > article > div.date-offre {
font-size: 0.8rem;
grid-column: 2;
grid-row: 6/7;
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 {
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 {
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
//

View File

@ -106,7 +106,7 @@
@include main_text_content();
padding: 0.2rem 0;
}
> a:not(.author, .offre-title) {
> a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) {
grid-column: 1;
grid-row: 1/7;
align-self: center;
@ -128,12 +128,21 @@
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 {
grid-column: 2;
grid-row: 2/3;
color: black;
text-transform: uppercase;
font-weight: 800;
display: none;
}
> a.offre-title {
grid-column: 2;
@ -153,6 +162,7 @@
}
}
> div.date-offre {
font-size: 0.8rem;
grid-column: 2;
grid-row: 6/7;
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 {