Development #14584
styles pour la barre mandaye
0%
Description
Discuté lors d'un EOday ou l'EOCamp, mais l'arborescence des statics de MandayeJS contient des feuilles de style par application et par client, ce que n'es pas terrible.
Il faudrait que les styles de la barre soient pilotes par le thème et les statics ne contiennent que le JS spécifique à chaque application.
Fichiers
Demandes liées
Historique
Mis à jour par Frédéric Péters il y a plus de 7 ans
- Lié à Development #14607: placer les variables dans des fichiers différents ajouté
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
- Fichier 0001-add-styles-definition-for-mandaye-app-14584.patch 0001-add-styles-definition-for-mandaye-app-14584.patch ajouté
- Fichier Screenshot_2017-01-18_11-44-46.png Screenshot_2017-01-18_11-44-46.png ajouté
- Statut changé de Nouveau à En cours
- Assigné à mis à Serghei Mihai (congés, retour 15/05)
- Patch proposed changé de Non à Oui
Premiers styles pour la barre mandaye et une capture d'écran en exemple du portail famille Teamnet de Meyzieu.
Mis à jour par Frédéric Péters il y a plus de 7 ans
Il manque des fichiers dans le patch, non ? (avec uniquement ce fichier ça devrait râler sur $font-family non défini, par exemple).
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
Je voyais ce fichier utilisé pour fabiquer une feuille de style à part pour Mandaye.
Exemple pour Meyzieu dans le patch joint.
Mis à jour par Frédéric Péters il y a plus de 7 ans
#bandeau-utilisateur c'est de la CSS applicative spéciale teamnet.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
Frédéric Péters a écrit :
#bandeau-utilisateur c'est de la CSS applicative spéciale teamnet.
Oui, mais de la dernière version. Il se peut qu'on ait à deployer des mandaye pour les anciennes versions ou il aurait une autre CSS.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
- Fichier 0001-add-styles-definition-for-mandaye-app-14584.patch 0001-add-styles-definition-for-mandaye-app-14584.patch ajouté
- Fichier associate.png associate.png ajouté
Patch à jour avec les styles pour la page d'association.
Après les modifications du template du #14587, ça donne le rendu de la capture jointe.
Mis à jour par Frédéric Péters il y a plus de 7 ans
Ce qui relève de l'application ça doit venir dans une CSS attachée à l'application; si d'une version à l'autre de Teamnet il y a des paramétrages différents, ça reste du paramétrage en rapport avec Teamnet.
Mis à jour par Frédéric Péters il y a plus de 7 ans
- Fichier associate.png ajouté
Très clairement le bouton ne gagne pas le style de boutons que doit amener publik-base-theme, par exemple.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
Il faudrait que je trouve un moyen de reprendre les attributs de input
et input[type='submit']
depuis _forms.scss
sans importer les autres: à travers des variables certainement.
Mis à jour par Frédéric Péters il y a plus de 7 ans
Serghei Mihai a écrit :
Il faudrait que je trouve un moyen de reprendre les attributs de
input
etinput[type='submit']
depuis_forms.scss
sans importer les autres: à travers des variables certainement.
Je ne pense pas. Ce qu'il faut sans doute, c'est que Mandaye n'utilise pas le même fichier CSS pour une page "sûre", totalement gérée, et pour le style de la barre, qui se trouve injectée dans de l'HTML tiers. Et donc considérer que #14654 était une mauvaise direction.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
Frédéric Péters a écrit :
Et donc considérer que #14654 était une mauvaise direction.
Probablement. Mais je voulais éviter de générer 2 feuilles de style pour la même application.
Mis à jour par Frédéric Péters il y a plus de 7 ans
Probablement. Mais je voulais éviter de générer 2 feuilles de style pour la même application.
Pour des pages totalement contrôlées de notre côté, il y a déjà un fichier qui existe, c'est style.css; il y a juste besoin d'un fichier pour la barre injectée.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans
- Fichier 0001-add-styles-definition-for-mandaye-app-14584.patch 0001-add-styles-definition-for-mandaye-app-14584.patch ajouté
- Fichier associate.png associate.png ajouté
- Fichier panel.png panel.png ajouté
Tu as raison.mandaye.css
pour la barre et style.css
pour la page d'association.
Avec le rendu comme dans les captures.
Mis à jour par Frédéric Péters il y a environ 7 ans
- Projet changé de Publik à Intégrations graphiques Publik
Mis à jour par Frédéric Péters il y a plus de 6 ans
- Lié à Development #19209: montpellier: template barre mandayejs ajouté
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans
- Fichier 0001-add-styles-for-mandaye-panel-14584.patch 0001-add-styles-for-mandaye-panel-14584.patch ajouté
Styles par défaut à inclure dans un fichier mandaye.scss
qui générera un mandaye.css
.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans
- Lié à Development #19354: montpellier: générer une feuille de styles pour la barre mandaye ajouté
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans
Une relance ici car mises en prod de Montpellier et Rochefort bientôt.
Mis à jour par Frédéric Péters il y a plus de 6 ans
J'ai tenté de me défaire de cette relecture, tant pis.
Je trouve particulièrement dommage que l'intégration stylistique de cette barre mandaye avec Publik n'utilise aucun élément des intégrations graphiques (ni couleurs ni police de caractères par exemple).
Aussi, des changements de ce style devraient être retirés et le texte être directement correct dans Mandaye. J'ai créé #20072.
&:first-letter { text-transform : uppercase; }
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans
Mis à jour par Frédéric Péters il y a plus de 6 ans
font-size: 15px;
On a une variable définie au niveau global pour la taille préférée pour le texte; il faudrait l'utiliser plutôt qu'hardcoder une nouvelle valeur.
$panel-link-color: $link-color !default;
$panel-association-link-color: $panel-link-color;
$panel-username-link-color: $panel-link-color;
On se trouve vraiment à vouloir gérer des arc-en-ciels ?
background: $panel-background;
On ne peut pas mettre une couleur de fond sans assurer également la couleur du texte qui ira dessus, ex pour les boutons :
$button-background: #37a7da !default;
$button-color: text-color($button-background) !default;
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans
- Fichier 0001-add-styles-for-mandaye-panel-14584.patch 0001-add-styles-for-mandaye-panel-14584.patch ajouté
Frédéric Péters a écrit :
On a une variable définie au niveau global pour la taille préférée pour le texte; il faudrait l'utiliser plutôt qu'hardcoder une nouvelle valeur.
Ok.
On se trouve vraiment à vouloir gérer des arc-en-ciels ?
J'imaginais cela pour permettre la personnalisation facile des liens, si demandé, sans coder dans _custom.scss
, mais tu as raison, il faudrait donner une couleur visible aux liens en fonction du fond de la barre.
Mis à jour par Serghei Mihai (congés, retour 15/05) il y a presque 3 ans
- Statut changé de En cours à Fermé