Projet

Général

Profil

Actions

Evolution #133

fermé

Réorganisation des thèmes graphiques (skins)

Ajouté par Grégory MARIGOT - TEICEE il y a plus de 11 ans. Mis à jour il y a plus de 10 ans.

Statut:
Fermé
Priorité:
Normal
Version cible:
Début:
20/12/2012
Echéance:
% réalisé:

100%

Temps estimé:
Version ProxyEPN:
2.2

Description

Déplacer tous les éléments des thèmes graphiques (css, logo...) sous une même arborescence (web/skins/) afin de :
  • faciliter l'ajout en utilisant un dossier propre à chaque thème
  • étendre plus facilement les éléments gérés par les thèmes (marqueurs gmaps, favicons ?...)
  • utiliser le terme skin au lieu de theme pour mieux les différencier des thèmes d'atelier

Demandes liées 1 (0 ouverte1 fermée)

Lié à Evolution #152: Modernisation des skins avec bootstrapFerméGrégory MARIGOT - TEICEE12/09/2014

Actions

Mis à jour par Grégory MARIGOT - TEICEE il y a plus de 11 ans

  • Statut changé de Nouveau à In Progress
  • % réalisé changé de 0 à 80

Nouvelle organisation des thèmes skins

Le nouveau sous-dossier "web/skins/" respecte l'arborescence suivante (ici pour le thème nommé proxyepn, chaque thème ayant son propre dossier regroupant l'intégralité des éléments le composant) :

/skins/
    /proxyepn/
        /screen.css
        /print.css
        /ui/
            /jquery-ui.css
            /images/
        /gfx/
            /logo.png
            /pin_epn.png
            /pin_myepn.png
            /pin_pat.png
            /pin_mypat.png
            /pin_shadow.png

Quelques précisions sur le contenu :
  • la feuille de style screen.css (facultative) surcharge source:proxyconcept/trunk/web/css/base_screen.css pour l'affichage à l'écran
  • la feuille de style print.css (facultative) surcharge source:proxyconcept/trunk/web/css/base_print.css pour la mise en page des impressions
  • Le dossier gfx devrait contenir tout autre élément graphique utilisé spécifiquement par les css du thème
  • Les images pin*.png sont les icones pour les marqueurs sur les cartes.
  • Le dossier ui provient du thème jQuery-UI associé.

A noter : Dorénavant une css de base pour l'impression est systématiquement chargée, comme c'est déjà le cas depuis peu pour la css générale. Ceci permet d'alléger/simplifier la personnalisation via les skins en n'ayant qu'à surcharger si besoin, plutôt que de devoir fournir des css complètes.

A propos du renommage

Il n'est pas toujours évident de pratiquer ce genre de renommage, qui de plus peut paraitre futile. Mais le terme theme étant déjà très utilisé dans l'application avec un réel sens pour les ateliers, c'était le moment où jamais pour différencier l'aspect purement habillage de l'application.

Mais il est bon de noter deux conséquences à ce renommage :

Modification de la base de données

Comme indiqué dans le fichier source:proxyconcept/trunk/data/fixtures/proxyepn-update-2.3.sql :

ALTER TABLE `structure_group` CHANGE `theme` `theme_skin` VARCHAR(50) CHARACTER SET utf8 COLLATE utf8_unicode_ci NULL DEFAULT NULL 

Modification du fichier de configuration

L'option theme est naturellement remplacée par skin pour indiquer la liste des thèmes skins disponibles dans le fichier source:proxyconcept/trunk/apps/frontend/config/app.yml

Mis à jour par Grégory MARIGOT - TEICEE il y a plus de 11 ans

  • % réalisé changé de 80 à 90

Révision des feuilles de styles

Au cours des dernières modifications, quelques petites retouches ont pu être apportées pour améliorer l'interface. Après avoir été quelque peu laissée de côté, la css alternative de la skin epnadmin a été complétée. Les styles pour l'impression ont aussi été revu pour l'occasion.

A noter également qu'un soucis avec IE et l'utilisation des menus déroulants à également été réglé (r590).

Mis à jour par Grégory MARIGOT - TEICEE il y a plus de 10 ans

  • Statut changé de In Progress à Résolu

Mis à jour par Grégory MARIGOT - TEICEE il y a plus de 10 ans

  • % réalisé changé de 90 à 100

Mis à jour par Grégory MARIGOT - TEICEE il y a plus de 10 ans

  • Statut changé de Résolu à Fermé
Actions

Formats disponibles : Atom PDF