fiches meetup tout lien

This commit is contained in:
Valentin 2024-04-19 15:26:56 +02:00
parent c3c3f5fab8
commit fea4a05aab
5 changed files with 48 additions and 19 deletions

View File

@ -1247,6 +1247,11 @@ main.main-login .login h1, main.main-login .user h1, main.main-login .register h
margin-top: 3rem;
margin-bottom: 2rem;
}
main.main-login .login div[role=contentinfo], main.main-login .user div[role=contentinfo], main.main-login .register div[role=contentinfo], main.main-login .contact div[role=contentinfo], main.main-login .ask div[role=contentinfo], main.main-login .add-offre div[role=contentinfo], main.main-user .login div[role=contentinfo], main.main-user .user div[role=contentinfo], main.main-user .register div[role=contentinfo], main.main-user .contact div[role=contentinfo], main.main-user .ask div[role=contentinfo], main.main-user .add-offre div[role=contentinfo], main.main-register .login div[role=contentinfo], main.main-register .user div[role=contentinfo], main.main-register .register div[role=contentinfo], main.main-register .contact div[role=contentinfo], main.main-register .ask div[role=contentinfo], main.main-register .add-offre div[role=contentinfo], main.main-contact .login div[role=contentinfo], main.main-contact .user div[role=contentinfo], main.main-contact .register div[role=contentinfo], main.main-contact .contact div[role=contentinfo], main.main-contact .ask div[role=contentinfo], main.main-contact .add-offre div[role=contentinfo], main.main-ask .login div[role=contentinfo], main.main-ask .user div[role=contentinfo], main.main-ask .register div[role=contentinfo], main.main-ask .contact div[role=contentinfo], main.main-ask .ask div[role=contentinfo], main.main-ask .add-offre div[role=contentinfo], main.main-add-offre .login div[role=contentinfo], main.main-add-offre .user div[role=contentinfo], main.main-add-offre .register div[role=contentinfo], main.main-add-offre .contact div[role=contentinfo], main.main-add-offre .ask div[role=contentinfo], main.main-add-offre .add-offre div[role=contentinfo] {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
}
main.main-login .login > div, main.main-login .user > div, main.main-login .register > div, main.main-login .contact > div, main.main-login .ask > div, main.main-login .add-offre > div, main.main-user .login > div, main.main-user .user > div, main.main-user .register > div, main.main-user .contact > div, main.main-user .ask > div, main.main-user .add-offre > div, main.main-register .login > div, main.main-register .user > div, main.main-register .register > div, main.main-register .contact > div, main.main-register .ask > div, main.main-register .add-offre > div, main.main-contact .login > div, main.main-contact .user > div, main.main-contact .register > div, main.main-contact .contact > div, main.main-contact .ask > div, main.main-contact .add-offre > div, main.main-ask .login > div, main.main-ask .user > div, main.main-ask .register > div, main.main-ask .contact > div, main.main-ask .ask > div, main.main-ask .add-offre > div, main.main-add-offre .login > div, main.main-add-offre .user > div, main.main-add-offre .register > div, main.main-add-offre .contact > div, main.main-add-offre .ask > div, main.main-add-offre .add-offre > div {
height: 100%;
}
@ -1962,7 +1967,8 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
.fullpage.meetup > .meetup_list > .views-row {
margin-bottom: 2vh;
}
.fullpage.meetup > .meetup_list > .views-row > article {
.fullpage.meetup > .meetup_list > .views-row > a > article, .fullpage.meetup > .meetup_list > .views-row > article {
color: black;
padding: unset !important;
padding-top: 0.5rem !important;
padding-bottom: 1rem !important;
@ -1972,76 +1978,75 @@ main.main-login .login > div > div:not(.hidden) form .button:hover, main.main-lo
grid-template-rows: repeat(6, auto);
background-color: white;
}
.fullpage.meetup > .meetup_list > .views-row > article > p, .fullpage.meetup > .meetup_list > .views-row > article > a, .fullpage.meetup > .meetup_list > .views-row > article > div, .fullpage.meetup > .meetup_list > .views-row > article > a > h2 {
.fullpage.meetup > .meetup_list > .views-row > a > article > p, .fullpage.meetup > .meetup_list > .views-row > a > article > a, .fullpage.meetup > .meetup_list > .views-row > a > article > div, .fullpage.meetup > .meetup_list > .views-row > a > article > a > h2, .fullpage.meetup > .meetup_list > .views-row > article > p, .fullpage.meetup > .meetup_list > .views-row > article > a, .fullpage.meetup > .meetup_list > .views-row > article > div, .fullpage.meetup > .meetup_list > .views-row > article > a > h2 {
font-family: "Marianne", sans-serif;
font-size: 1rem;
line-height: 1.4;
padding: 0.2rem 0;
}
.fullpage.meetup > .meetup_list > .views-row > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) {
.fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]), .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, [title="Voir le profil utilisateur."]) > img {
.fullpage.meetup > .meetup_list > .views-row > a > article > a:not(.author, .offre-title, [title="Voir le profil utilisateur."]) > 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;
padding: 1rem;
margin-right: 1rem;
}
.fullpage.meetup > .meetup_list > .views-row > article > p.occupation {
.fullpage.meetup > .meetup_list > .views-row > a > article > p.occupation, .fullpage.meetup > .meetup_list > .views-row > article > p.occupation {
grid-column: 2;
grid-row: 1/2;
}
.fullpage.meetup > .meetup_list > .views-row > article > p.occupation > a {
.fullpage.meetup > .meetup_list > .views-row > a > article > p.occupation > a, .fullpage.meetup > .meetup_list > .views-row > article > p.occupation > a {
color: #038788;
text-transform: uppercase;
font-weight: 800;
}
.fullpage.meetup > .meetup_list > .views-row > article > a[title="Voir le profil utilisateur."] {
.fullpage.meetup > .meetup_list > .views-row > a > article > a[title="Voir le profil utilisateur."], .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 > a > article > a.author, .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 {
.fullpage.meetup > .meetup_list > .views-row > a > article > a.offre-title, .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title {
grid-column: 2;
grid-row: 3/4;
}
.fullpage.meetup > .meetup_list > .views-row > article > a.offre-title > h2 {
.fullpage.meetup > .meetup_list > .views-row > a > article > a.offre-title > h2, .fullpage.meetup > .meetup_list > .views-row > article > a.offre-title > h2 {
margin: unset;
padding: unset;
font-weight: 800;
}
.fullpage.meetup > .meetup_list > .views-row > article > p.address {
.fullpage.meetup > .meetup_list > .views-row > a > article > p.address, .fullpage.meetup > .meetup_list > .views-row > article > p.address {
grid-column: 2;
grid-row: 4/5;
margin-bottom: 1.5rem;
}
.fullpage.meetup > .meetup_list > .views-row > article > p.address .country {
.fullpage.meetup > .meetup_list > .views-row > a > article > p.address .country, .fullpage.meetup > .meetup_list > .views-row > article > p.address .country {
display: none;
}
.fullpage.meetup > .meetup_list > .views-row > article > div.date-offre {
.fullpage.meetup > .meetup_list > .views-row > a > article > div.date-offre, .fullpage.meetup > .meetup_list > .views-row > article > div.date-offre {
font-size: 0.8rem;
grid-column: 2;
grid-row: 6/7;
height: unset !important;
}
.fullpage.meetup > .meetup_list > .views-row > article > div.date-offre > a {
.fullpage.meetup > .meetup_list > .views-row > a > article > div.date-offre > a, .fullpage.meetup > .meetup_list > .views-row > article > div.date-offre > a {
color: black;
}
.fullpage.meetup > .meetup_list > .views-row > article > .legende {
.fullpage.meetup > .meetup_list > .views-row > a > article > .legende, .fullpage.meetup > .meetup_list > .views-row > article > .legende {
display: none !important;
}
.fullpage.meetup > .views-exposed-form {

File diff suppressed because one or more lines are too long

View File

@ -162,6 +162,26 @@
}
}
//
// all meetup card is a link
//
let meetup = document.querySelector('.meetup_list');
if (meetup) {
let meetupCards= document.querySelectorAll('.meetup_list > .views-row');
console.log(meetupCards);
for (let card of meetupCards) {
let meetupLink = card.querySelector('.offre-title');
meetupLink = meetupLink.getAttribute('href');
let ficheLink = document.createElement('a');
ficheLink.setAttribute('href', meetupLink);
let cardArticle = card.querySelector('article');
ficheLink.append(cardArticle);
card.append(ficheLink);
console.log(meetupLink);
}
}
//
// Effets parallax
//

View File

@ -93,7 +93,8 @@
}
> .views-row{
margin-bottom: 2vh;
> article {
> a > article, > article {
color: black;
padding: unset !important;
padding-top: 0.5rem !important;
padding-bottom: 1rem !important;
@ -142,7 +143,7 @@
color: black;
text-transform: uppercase;
font-weight: 800;
display: none;
//display: none;
}
> a.offre-title {
grid-column: 2;

View File

@ -14,6 +14,9 @@ main.main-login, main.main-user, main.main-register, main.main-contact, main.mai
margin-top: 3rem;
margin-bottom: 2rem;
}
div[role="contentinfo"] {
@include main_text_content();
}
> div {
height: 100%;
> div:not(.hidden) {