Corrections diverses de mise en page

This commit is contained in:
Pierre 2020-03-09 01:50:16 +01:00
parent 1cef136431
commit bad6e49084
8 changed files with 71 additions and 58 deletions

View file

@ -326,6 +326,7 @@ body{
} }
.liste-articles-encadres{ .liste-articles-encadres{
row-gap: 1.5rem;
.bloc-article { .bloc-article {
height: 100%; height: 100%;
outline: 1px solid #eee; outline: 1px solid #eee;
@ -495,7 +496,7 @@ body{
.footer-options{ .footer-options{
background:$fond-footer; background:$fond-footer;
padding: 2rem 0; padding: 0 0 2rem 0;
.grille{ .grille{
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -523,17 +524,18 @@ body{
@include media-breakpoint-up(sm){ @include media-breakpoint-up(sm){
ul.nav{ ul.nav{
width: 100%; width: 100%;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
} }
li{ li{
text-align: center; text-align: center;
width: auto; width: auto;
margin-right: 1.5rem;
} }
} }
@include media-breakpoint-up(lg){ @include media-breakpoint-up(lg){
.grille{ .grille{
//flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
} }
ul.nav{ ul.nav{
@ -748,6 +750,8 @@ body{
border-radius: 0.2rem; border-radius: 0.2rem;
border: solid 1px grey; border: solid 1px grey;
} }
}
.formulaire_editer_groupe{
.choix{ .choix{
display: flex; display: flex;
align-items: center; align-items: center;

View file

@ -12226,6 +12226,10 @@ body {
padding: 1rem; padding: 1rem;
} }
.liste-articles-encadres {
row-gap: 1.5rem;
}
.liste-articles-encadres .bloc-article { .liste-articles-encadres .bloc-article {
height: 100%; height: 100%;
outline: 1px solid #eee; outline: 1px solid #eee;
@ -12421,7 +12425,7 @@ body {
.footer .footer-options { .footer .footer-options {
background: #3E8050; background: #3E8050;
padding: 2rem 0; padding: 0 0 2rem 0;
} }
.footer .footer-options .grille { .footer .footer-options .grille {
@ -12461,19 +12465,23 @@ body {
@media (min-width: 576px) { @media (min-width: 576px) {
.footer .footer-options ul.nav { .footer .footer-options ul.nav {
width: 100%; width: 100%;
-webkit-box-pack: justify; -webkit-box-pack: center;
justify-content: space-between; justify-content: center;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
} }
.footer .footer-options li { .footer .footer-options li {
text-align: center; text-align: center;
width: auto; width: auto;
margin-right: 1.5rem;
} }
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.footer .footer-options .grille { .footer .footer-options .grille {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-webkit-box-pack: justify; -webkit-box-pack: justify;
justify-content: space-between; justify-content: space-between;
} }
@ -12708,7 +12716,7 @@ body {
border: solid 1px grey; border: solid 1px grey;
} }
.formulaire_spip .choix { .formulaire_editer_groupe .choix {
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
@ -12716,11 +12724,11 @@ body {
width: 3rem; width: 3rem;
} }
.formulaire_spip .choix label { .formulaire_editer_groupe .choix label {
margin: 0; margin: 0;
} }
.formulaire_spip .editer_ponctuel .ligne { .formulaire_editer_groupe .editer_ponctuel .ligne {
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
} }

View file

@ -20,28 +20,12 @@
</section> </section>
<div class="footer-options"> <div class="footer-options">
<div class="container bordure-top"> <div class="container">
<div class="grille">
<ul class="nav pages-footer"> <?php
<li class="separ">
<a rel="contents" href="#URL_PAGE{plan}">
<i class="fas fa-map"></i> <:plan_site:>
</a>
</li>
<li class="separ">
<a rel="contents" href="#URL_PAGE{mentions_legales}">
<i class="fas fa-legal"></i> Mentions légales
</a>
</li>
<li class="separ">
<a rel="contents" href="#URL_PAGE{nous-contacter}">
<i class="fas fa-phone"></i> Contact
</a>
</li>
</ul>
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) { if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?> ?>
<div class="grille">
<ul class="nav boutons-footer"> <ul class="nav boutons-footer">
<li class="separ"> <li class="separ">
<a class="btn bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte"> <a class="btn bouton-footer" href="[(#URL_PAGE{modifier_auteur}|parametre_url{retour,#SELF})]" title="Gérer mon compte">
@ -58,7 +42,7 @@
<i class="fas fa-file"></i> Brouillons <i class="fas fa-file"></i> Brouillons
</a> </a>
</li> </li>
<?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?> <?php if (isset($GLOBALS['visiteur_session']['statut']) AND $GLOBALS['visiteur_session']['statut'] == '0minirezo') { ?>
<li class="separ"> <li class="separ">
<a class="btn bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe"> <a class="btn bouton-footer" href="[(#URL_PAGE{editer_groupe})]" title="Créer un groupe">
<i class="fas fa-globe"></i> Créer un groupe <i class="fas fa-globe"></i> Créer un groupe
@ -68,19 +52,36 @@
<a class="btn bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres"> <a class="btn bouton-footer" href="[(#URL_PAGE{gerer_auteurs})]" title="Gérer les membres">
<i class="fas fa-users"></i> Gérer les membres <i class="fas fa-users"></i> Gérer les membres
</a> </a>
</li> </li><?php
<?php }
} ?>
?>
</ul> </ul>
<ul class="nav a-droite"> </div>
<li class="separ">
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion
</a>
</li>
<?php <?php
} }
?>
<div class="grille">
<ul class="nav pages-footer">
<li class="separ">
<a rel="contents" href="#URL_PAGE{plan}">
<i class="fas fa-map"></i> <:plan_site:>
</a>
</li>
<li class="separ">
<a rel="contents" href="#URL_PAGE{mentions_legales}">
<i class="fas fa-legal"></i> Mentions légales
</a>
</li>
</ul>
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur'])) {
?>
<ul class="nav a-droite">
<li class="separ">
<a class="btn bouton-login" href="#URL_LOGOUT" rel="nofollow" title="Me déconnecter">
<i class="fas fa-sign-out"></i> Déconnexion
</a>
</li><?php }
if (!isset($GLOBALS['visiteur_session']['id_auteur'])) { if (!isset($GLOBALS['visiteur_session']['id_auteur'])) {
?> ?>
<ul class="nav a-droite"> <ul class="nav a-droite">

View file

@ -1,17 +1,5 @@
[(#REM) on affiche un groupe ponctuel pour les pays n'ayant pas de groupe régulier] [(#REM) on affiche un groupe ponctuel pour les pays n'ayant pas de groupe régulier]
<BOUCLE_ponctuel(ARTICLES){id_rubrique=#ENV{id_rubrique}}{surtitre=""}{0,1}> <BOUCLE_ponctuel(ARTICLES){id_rubrique=#ENV{id_rubrique}}{surtitre=""}{0,1}>
<div class="banniere-ville mt-4 mb-4">
<BOUCLE_banniere(DOCUMENTS){id_article}{extension==jpg|png|gif}{!par date}{0,1}>
[(#FICHIER|image_recadre{1200:300,-,focus}|image_reduire{1200,300})]
</BOUCLE_banniere>
[(#CHEMIN{img/ville.png}|image_recadre{1200:300,-,focus}|image_reduire{1200,300})]
<//B_banniere>
<div class="ville-titre">
<h2>#INFO_TITRE{rubrique, #ID_RUBRIQUE}</h2>
</div>
</div>
<div class="bloc-groupe col mt-4 mt-lg-0"> <div class="bloc-groupe col mt-4 mt-lg-0">
[<h3 class="h4 #EDIT{titre}">(#TITRE|sinon{"Groupes ponctuels"})</h3>] [<h3 class="h4 #EDIT{titre}">(#TITRE|sinon{"Groupes ponctuels"})</h3>]
[(#AUTORISER{modifier, article, #ID_ARTICLE}) [(#AUTORISER{modifier, article, #ID_ARTICLE})
@ -38,7 +26,7 @@
<div class="row liste-articles-encadres"> <div class="row liste-articles-encadres">
[(#REM) On affiche ensuite les groupes réguliers, par ville] [(#REM) On affiche ensuite les groupes réguliers, par ville]
<BOUCLE_villes(ARTICLES){id_rubrique=#ENV{id_rubrique}}{fusion surtitre}{surtitre!=""}> <BOUCLE_villes(ARTICLES){id_rubrique=#ENV{id_rubrique}}{surtitre!=""}{fusion surtitre}>
<div class="col-sm-6 col-lg-3 mt-4 mt-lg-0"> <div class="col-sm-6 col-lg-3 mt-4 mt-lg-0">
<INCLURE{fond=inclure/bloc_groupe,env,id_article=#ID_ARTICLE}> <INCLURE{fond=inclure/bloc_groupe,env,id_article=#ID_ARTICLE}>
@ -46,3 +34,10 @@
</div> </div>
</BOUCLE_villes> </BOUCLE_villes>
</div> </div>
<BOUCLE_sinon(ARTICLES){id_rubrique=#ENV{id_rubrique}}>
[(#REM) Boucle vide]
</BOUCLE_sinon>
<div class="col">Il n'y a pas encore de groupe dans ce pays.</div>
<//B_sinon>

View file

@ -17,7 +17,12 @@
[(#CHEMIN{img/ville.png}|image_recadre{1200:300,-,focus}|image_reduire{1200,300})] [(#CHEMIN{img/ville.png}|image_recadre{1200:300,-,focus}|image_reduire{1200,300})]
<//B_banniere> <//B_banniere>
<div class="ville-titre"> <div class="ville-titre">
<h2>Groupes de #GET{ville}</h2> [(#GET{groupes}|count|>{1}|oui)
<h2>Groupes de #GET{ville}</h2>
]
[(#GET{groupes}|count|<={1}|oui)
<h2>Groupe de #GET{ville}</h2>
]
</div> </div>
</div> </div>

View file

@ -17,7 +17,7 @@
<B_articles> <B_articles>
<div class="row liste-articles"> <div class="row liste-articles">
#ANCRE_PAGINATION #ANCRE_PAGINATION
<BOUCLE_articles(ARTICLES){id_mot=#ENV{id_mot}}{par date}{inverse #GET{tri}}{pagination 8}> <BOUCLE_articles(ARTICLES){id_mot=#ENV{id_mot}}{par rang}{par date}{inverse #GET{tri}}{pagination 8}>
<div class="col-lg-3 mt-4 mt-lg-3"> <div class="col-lg-3 mt-4 mt-lg-3">
<INCLURE{fond=inclure/bloc_media, env, id_article}/> <INCLURE{fond=inclure/bloc_media, env, id_article}/>
</div> </div>

View file

@ -1,6 +1,6 @@
#CACHE{0} #CACHE{0}
[(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ] [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
<div class="photo_article"> <div class="photo-article">
<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}> <BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
[(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,-,focus,transparent}|image_reduire{720,360})] [(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,-,focus,transparent}|image_reduire{720,360})]
</BOUCLE_doc> </BOUCLE_doc>

View file

@ -1,6 +1,6 @@
#CACHE{0} #CACHE{0}
[(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ] [(#ENV{id_article}|=={0}|oui) [(#SESSION{id_auteur}|mult{-1}|setenv{id_article})] ]
<div class="photo_article"> <div class="photo-article">
<BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}> <BOUCLE_doc(DOCUMENTS){id_article?}{extension==jpg|png|gif}{statut in prop,prepa,publie}{0,1}{!par credits}{par id_document}>
[(#FICHIER|balise_img{#TITRE}|image_reduire{720,334})] [(#FICHIER|balise_img{#TITRE}|image_reduire{720,334})]
</BOUCLE_doc> </BOUCLE_doc>