Projet

Général

Profil

Development #14584

styles pour la barre mandaye

Ajouté par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans. Mis à jour il y a presque 3 ans.

Statut:
Fermé
Priorité:
Normal
Version cible:
-
Début:
12 janvier 2017
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:

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

0001-add-styles-definition-for-mandaye-app-14584.patch (2,18 ko) 0001-add-styles-definition-for-mandaye-app-14584.patch Serghei Mihai (congés, retour 15/05), 18 janvier 2017 11:45
Screenshot_2017-01-18_11-44-46.png (181 ko) Screenshot_2017-01-18_11-44-46.png Serghei Mihai (congés, retour 15/05), 18 janvier 2017 11:45
0001-meyzieu-create-mandaye-styles.patch (1,56 ko) 0001-meyzieu-create-mandaye-styles.patch Serghei Mihai (congés, retour 15/05), 18 janvier 2017 15:30
0001-add-styles-definition-for-mandaye-app-14584.patch (3,2 ko) 0001-add-styles-definition-for-mandaye-app-14584.patch Serghei Mihai (congés, retour 15/05), 19 janvier 2017 11:20
associate.png (26,4 ko) associate.png Serghei Mihai (congés, retour 15/05), 19 janvier 2017 11:20
0001-add-styles-definition-for-mandaye-app-14584.patch (2,71 ko) 0001-add-styles-definition-for-mandaye-app-14584.patch Serghei Mihai (congés, retour 15/05), 19 janvier 2017 18:58
associate.png (32,7 ko) associate.png Serghei Mihai (congés, retour 15/05), 19 janvier 2017 18:59
panel.png (195 ko) panel.png Serghei Mihai (congés, retour 15/05), 19 janvier 2017 18:59
0001-add-styles-for-mandaye-panel-14584.patch (1,78 ko) 0001-add-styles-for-mandaye-panel-14584.patch Serghei Mihai (congés, retour 15/05), 10 octobre 2017 17:01
0001-add-styles-for-mandaye-panel-14584.patch (1,71 ko) 0001-add-styles-for-mandaye-panel-14584.patch Serghei Mihai (congés, retour 15/05), 14 novembre 2017 20:21
0001-add-styles-for-mandaye-panel-14584.patch (1,52 ko) 0001-add-styles-for-mandaye-panel-14584.patch Serghei Mihai (congés, retour 15/05), 15 novembre 2017 22:10

Demandes liées

Lié à Intégrations graphiques Publik - Development #14607: placer les variables dans des fichiers différentsFermé13 janvier 2017

Actions
Lié à Intégrations graphiques Publik - Development #19209: montpellier: template barre mandayejsFermé04 octobre 2017

Actions
Lié à Intégrations graphiques Publik - Development #19354: montpellier: générer une feuille de styles pour la barre mandayeRejeté10 octobre 2017

Actions

Historique

#1

Mis à jour par Frédéric Péters il y a plus de 7 ans

#2

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

Premiers styles pour la barre mandaye et une capture d'écran en exemple du portail famille Teamnet de Meyzieu.

#3

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).

#4

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.

#5

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.

#6

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.

#7

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

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.

#8

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.

#9

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.

#10

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.

#11

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 et input[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.

#12

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.

#13

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.

#14

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 7 ans

Tu as raison.
mandaye.css pour la barre et style.css pour la page d'association.

Avec le rendu comme dans les captures.

#15

Mis à jour par Frédéric Péters il y a environ 7 ans

  • Projet changé de Publik à Intégrations graphiques Publik
#17

Mis à jour par Frédéric Péters il y a plus de 6 ans

#18

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans

Styles par défaut à inclure dans un fichier mandaye.scss qui générera un mandaye.css.

#19

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é
#20

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.

#21

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;
        }
#23

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;

#24

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a plus de 6 ans

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.

#25

Mis à jour par Serghei Mihai (congés, retour 15/05) il y a presque 3 ans

  • Statut changé de En cours à Fermé

Formats disponibles : Atom PDF