Browse Source

Pour les onglets, on ne laisse que la base dans la CSS mutualisée privé/public. Pour le public, ce composant est à styliser soi même, comme les autres (les étapes etc.). On déplace le thème dans les styles du privé. Plus besoin des paramètres CSS dans l'env de saisies.css.html du coup (ajoutés juste pour les onglets).

Et enfin, indiquer les onglets en erreur avec un picto. Je prends celui qu'on a sous la main, mais ça serait mieux avec un plus léger.  On verra plus tard.
pull/73/head
tcharlss 2 years ago committed by Maïeul Rouquette
parent
commit
6032c0e607
  1. 47
      prive/style_prive_plugin_saisies.html
  2. 50
      saisies.css.html
  3. 4
      saisies_pipelines.php

47
prive/style_prive_plugin_saisies.html

@ -22,7 +22,50 @@ body.saisies_doc {
</BOUCLE_saisies>
</B_saisies>
/* Ajustement onglets dans le privé */
/* Thème des saisies fieldsets en onglets
* La base mutualisée avec le public se trouve dans saisies.css.html */
.formulaire_spip .fieldset_onglet > fieldset {
border-top: 0;
}
}
.formulaire_spip .menu-onglets {
border-bottom: 1px solid hsla(0, 0%, 0%, 0.15);
}
.formulaire_spip .menu-onglets__item {
margin-bottom: -1px; /* items par dessus la bordure inférieure */
}
.formulaire_spip .menu-onglets__lien {
padding: 0.5em 1em;
border-bottom: 2px solid transparent;
color: inherit;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
font-size: 0.85em;
transition: 0.05s all;
}
.formulaire_spip .menu-onglets__lien.actif {
border-bottom-color: #ENV{foncee};
color: #ENV{foncee};
}
.formulaire_spip .menu-onglets__lien:hover,
.formulaire_spip .menu-onglets__lien:focus {
transition-duration: 0.2s;
}
.formulaire_spip .menu-onglets__lien:hover {
background-color: hsla(0, 0%, 0%, 0.05);
}
.formulaire_spip .menu-onglets__lien:focus {
background-color: hsla(0, 0%, 0%, 0.15);
}
.formulaire_spip .menu-onglets__lien.erreur {
color: red;
}
.formulaire_spip .menu-onglets__lien.erreur:after {
content: '';
display: block;
width: 1em;
height: 1em;
background: url(#CHEMIN_IMAGE{erreur-16.png}) no-repeat;
background-size: contain;
margin-#LEFT: 0.5em;
}

50
saisies.css.html

@ -3,12 +3,6 @@
#HTTP_HEADER{Content-Type: text/css; charset=utf-8}
#HTTP_HEADER{Vary: Accept-Encoding}
/* Variables pour changer facilement les couleurs et cie côté privé ou public */
:root {
[--saisies-couleur-accent: #(#ENV{couleur_foncee});]
--saisies-couleur-erreur: #CC3300;
}
#SET{left,#LANG_DIR|choixsiegal{ltr,left,right}}
#SET{right,#LANG_DIR|choixsiegal{ltr,right,left}}
#SET{fleche,#LANG_DIR|choixsiegal{ltr,#CHEMIN{images/deplierhaut.gif},#CHEMIN{images/deplierhaut_rtl.gif}}}
@ -82,42 +76,24 @@ fieldset {
overflow-x: auto;
}
/* Onglets stylés ici à d'un composant fourni par le core */
/* Onglets des saisies fieldsets */
.formulaire_spip .menu-onglets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.15);
}
.formulaire_spip .menu-onglets__item {
margin-bottom: -1px; /* items par dessus la bordure inférieure */
}
.formulaire_spip .menu-onglets__item,
.formulaire_spip .menu-onglets__lien {
display: block;
padding: 0.5em 1em;
border-bottom: 2px solid transparent;
color: inherit;
text-decoration: none;
text-transform: uppercase;
font-weight: 500;
font-size: 0.85em;
transition: 0.05s all;
}
.formulaire_spip .menu-onglets__lien.actif {
border-bottom-color: var(--saisies-couleur-accent, black);
color: var(--saisies-couleur-accent);
}
.formulaire_spip .menu-onglets__lien:hover,
.formulaire_spip .menu-onglets__lien:focus {
transition-duration: 0.2s;
}
.formulaire_spip .menu-onglets__lien:hover {
background-color: hsla(0, 0%, 0%, 0.05);
}
.formulaire_spip .menu-onglets__lien:focus {
background-color: hsla(0, 0%, 0%, 0.15);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.formulaire_spip .menu-onglets__lien.erreur {
color: var(--saisies-couleur-erreur);
}

4
saisies_pipelines.php

@ -34,9 +34,7 @@ function saisies_header_prive($flux) {
}
$flux .= afficher_si_definir_fonctions();
include_spip('inc/filtres');
include_spip('inc/filtres_ecrire');
parse_str(parametres_css_prive(), $params_css);
$css = produire_fond_statique('saisies.css', $params_css);
$css = produire_fond_statique('saisies.css');
$flux .= "\n<link rel='stylesheet' href='$css' type='text/css' media='all' />\n";
$css_constructeur = timestamp(find_in_path('css/formulaires_constructeur.css'));
$flux .= "\n<link rel='stylesheet' href='$css_constructeur' type='text/css' />\n";

Loading…
Cancel
Save