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

View file

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

View file

@ -20,28 +20,12 @@
</section>
<div class="footer-options">
<div class="container bordure-top">
<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>
<li class="separ">
<a rel="contents" href="#URL_PAGE{nous-contacter}">
<i class="fas fa-phone"></i> Contact
</a>
</li>
</ul>
<?php
<div class="container">
<?php
if (isset($GLOBALS['visiteur_session']['id_auteur']) AND $GLOBALS['visiteur_session']['id_auteur']) {
?>
<div class="grille">
<ul class="nav boutons-footer">
<li class="separ">
<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
</a>
</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">
<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
@ -68,19 +52,36 @@
<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
</a>
</li>
<?php
}
?>
</li><?php
}
?>
</ul>
<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>
</div>
<?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'])) {
?>
<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]
<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>
<BOUCLE_ponctuel(ARTICLES){id_rubrique=#ENV{id_rubrique}}{surtitre=""}{0,1}>
<div class="bloc-groupe col mt-4 mt-lg-0">
[<h3 class="h4 #EDIT{titre}">(#TITRE|sinon{"Groupes ponctuels"})</h3>]
[(#AUTORISER{modifier, article, #ID_ARTICLE})
@ -38,7 +26,7 @@
<div class="row liste-articles-encadres">
[(#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">
<INCLURE{fond=inclure/bloc_groupe,env,id_article=#ID_ARTICLE}>
@ -46,3 +34,10 @@
</div>
</BOUCLE_villes>
</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})]
<//B_banniere>
<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>

View file

@ -17,7 +17,7 @@
<B_articles>
<div class="row liste-articles">
#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">
<INCLURE{fond=inclure/bloc_media, env, id_article}/>
</div>

View file

@ -1,6 +1,6 @@
#CACHE{0}
[(#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}>
[(#FICHIER|balise_img{#TITRE}|image_recadre{720:360,-,focus,transparent}|image_reduire{720,360})]
</BOUCLE_doc>

View file

@ -1,6 +1,6 @@
#CACHE{0}
[(#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}>
[(#FICHIER|balise_img{#TITRE}|image_reduire{720,334})]
</BOUCLE_doc>