un menu pour les initiatives

This commit is contained in:
chankalan 2020-06-05 11:11:09 +02:00
parent da255ecab9
commit a6236042eb
7 changed files with 108 additions and 21 deletions

View File

@ -0,0 +1,47 @@
-
type_entree: texte_libre
parametres:
contenu: 'Des initiatives de l''April'
css: titre_initiatives
-
type_entree: lien
parametres:
titre: April
url: 'https://www.april.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: Expolibre
url: 'https://www.expolibre.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: Chapril
url: 'https://www.chapril.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: 'Libre à vous'
url: 'https://www.libreavous.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: 'Libre à lire'
url: 'https://www.librealire.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: Candidat.fr
url: 'https://www.candidat.fr'
css: ''
css_lien: ''

34
menus/menu-pied1.yaml Normal file
View File

@ -0,0 +1,34 @@
-
type_entree: texte_libre
parametres:
contenu: 'Galaxie April'
css: h4
sous_menu: { }
-
type_entree: lien
parametres:
titre: agendadulibre.org
url: 'https://agendadulibre.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: candidats.fr
url: 'https://candidats.fr'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: chapril.org
url: 'https://chapril.org'
css: ''
css_lien: ''
-
type_entree: lien
parametres:
titre: enventelibre.org
url: 'https://enventelibre.org'
css: ''
css_lien: ''

View File

@ -5,7 +5,7 @@
<div class="page_container page_header_container"> <div class="page_container page_header_container">
<INCLURE{fond=header/#ENV{type-page},env}> <INCLURE{fond=header/#ENV{type-page},env}>
</div> </div>
<INCLURE{fond=inclure/boussole} /> <INCLURE{fond=inclure/initiatives} />
</header> </header>
<div class="page_main"> <div class="page_main">

View File

@ -0,0 +1,9 @@
<BOUCLE_menu(MENUS){identifiant=initiatives}>
</BOUCLE_menu><div class="header_initiatives">
<div class="page_container">
<button type="button" class="btn-initiatives"><:baz_april:site_april:></button>
<nav class="nav">
<INCLURE{fond=inclure/menu,env,identifiant=initiatives} />
</nav>
</div>
</div></B_menu>

View File

@ -15,8 +15,8 @@ $(function() {
// }); // });
// }); // });
// }); // });
// afficher/masquer la boussole < medium // afficher/masquer la initiatives < medium
$('.btn-boussole').on('click', function(){ $('.btn-initiatives').on('click', function(){
$(this).toggleClass('actif').siblings('.nav').toggleClass('ouvert'); $(this).toggleClass('actif').siblings('.nav').toggleClass('ouvert');
$('.principale .btn-nav').removeClass('actif').siblings('.nav-list').removeClass('ouvert'); $('.principale .btn-nav').removeClass('actif').siblings('.nav-list').removeClass('ouvert');
}); });
@ -26,8 +26,8 @@ $(function() {
// afficher/masquer le menu // afficher/masquer le menu
$('.principale .btn-nav').on('click', function(){ $('.principale .btn-nav').on('click', function(){
$(this).toggleClass('actif').siblings('ul').toggleClass('ouvert'); $(this).toggleClass('actif').siblings('ul').toggleClass('ouvert');
$('.btn-boussole').removeClass('actif'); $('.btn-initiatives').removeClass('actif');
$('.header_boussole .nav').removeClass('ouvert'); $('.header_initiatives .nav').removeClass('ouvert');
}); });
/// styler les boutons radios et checkboxes /// styler les boutons radios et checkboxes

View File

@ -20,7 +20,7 @@ html, body {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
min-height: 100vh; min-height: 100vh;
// hauteur invariable de la boussole // hauteur invariable de la initiatives
border-top:44px solid $couleurPrincipale; border-top:44px solid $couleurPrincipale;
} }
@ -35,8 +35,8 @@ html, body {
margin-bottom: 2em; margin-bottom: 2em;
} }
// boussole // initiatives
.page_header .header_boussole { .page_header .header_initiatives {
position:absolute; position:absolute;
top:0; top:0;
left:0; left:0;

View File

@ -34,7 +34,7 @@
text-decoration: none; text-decoration: none;
line-height:1.4; line-height:1.4;
border-bottom:3px solid white; border-bottom:3px solid white;
.header_boussole & { .header_initiatives & {
font-weight:400; font-weight:400;
padding:1em; padding:1em;
margin:0; margin:0;
@ -47,7 +47,7 @@
&:hover, &:hover,
&:active { &:active {
border-color:$couleurSecondaire; border-color:$couleurSecondaire;
.header_boussole & { .header_initiatives & {
background:$couleurSecondaire; background:$couleurSecondaire;
} }
} }
@ -144,8 +144,8 @@
} }
// boussole // initiatives
.page_header .header_boussole { .page_header .header_initiatives {
position:absolute; position:absolute;
top:0; top:0;
left:0; left:0;
@ -153,10 +153,10 @@
background-color:$couleurPrincipale; background-color:$couleurPrincipale;
color:white; color:white;
.btn-boussole { .btn-initiatives {
font-size:0.8rem; font-size:0.8rem;
display:none; display:none;
padding:($spacer/1.6) 0 0 $spacer; padding:$spacer;
margin-left:-$spacer; margin-left:-$spacer;
background:$couleurPrincipale; background:$couleurPrincipale;
color:white; color:white;
@ -179,15 +179,12 @@
} }
.initiatives { .initiatives {
font-size:0.8rem; font-size:0.8rem;
}
.titre_initiatives {
float:right; float:right;
margin-top:$spacer; padding:$spacer;
@media ($bp-medium) { @media ($bp-medium) {
color:$couleurPrincipaleDowner; display:none;
font-size:0.6em;
margin:0;
position:absolute;
bottom:-$spacer;
left:$spacer*1.6;
} }
} }
} }