Projet

Général

Profil

Development #65079

angouleme: integration graphique

Ajouté par Corentin Séchet il y a presque 2 ans. Mis à jour il y a presque 2 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
10 mai 2022
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

Créer le thème pour Angoulême


Fichiers

0001-angouleme-create-theme-65079.patch (7,36 ko) 0001-angouleme-create-theme-65079.patch Corentin Séchet, 17 mai 2022 17:08
combo-mobile.png (230 ko) combo-mobile.png Corentin Séchet, 17 mai 2022 17:09
combo-desktop.png (628 ko) combo-desktop.png Corentin Séchet, 17 mai 2022 17:09
wcs-desktop.png (809 ko) wcs-desktop.png Corentin Séchet, 17 mai 2022 17:09
wcs-mobile.png (223 ko) wcs-mobile.png Corentin Séchet, 17 mai 2022 17:09
0001-angouleme-create-theme-65079.patch (6,25 ko) 0001-angouleme-create-theme-65079.patch Corentin Séchet, 24 mai 2022 15:49

Révisions associées

Révision 8ad86ba1 (diff)
Ajouté par Corentin Séchet il y a presque 2 ans

angouleme: create theme (#65079)

Historique

#2

Mis à jour par Corentin Séchet il y a presque 2 ans

#3

Mis à jour par Thomas Jund il y a presque 2 ans

  • coding style: pour les fichiers CSS ont utilise des tabs
  • Pas de gestion du favicon.
  • Si header:logo est un svg, il faut prévoir une ressource "emails:logo" pour permettre de charger une version .png du logo pour les entêtes de mail (moi je l'ajoute toujours).
  • `$white` ou comment faire plus compliqué que `white` :)

        h1#logo.has-logo a {
            min-width: 400px;
            min-height: 120px;
        }

Tu peux utiliser `$logo-size` :)


            &.login-link::before, &.account-link::before {
                content: '\f007';
                font-family: FontAwesome;
                margin-right: 0.5rem;
            }

            &.registration::before {
                content: '\f234';
                font-family: FontAwesome;
                margin-right: 0.5rem;
            }

            &.logout::before {
                content: '\f08b';
                font-family: FontAwesome;
                margin-right: 0.5rem;
            }

Factorisation

            &::before {
                font-family: FontAwesome;
                margin-right: 0.5rem;
            }

            &.login-link::before, &.account-link::before {
                content: '\f007';
            }

            &.registration::before {
                content: '\f234';
            }

            &.logout::before {
                content: '\f08b';
            }

La nav desktop, j'ai l'impression qu'on peut simplifier pas mal

             .gru-nav > ul {
                 display: flex;
-
-                > li {
+                
+                > li > a {
                     display: flex;
                     border-right: 1px solid white;
-                    height: 100%;
-                    > a {
-                        display: flex;
-                        justify-content: center;
-                        flex-direction: column;
-                        padding: 0 20px;
-                        font-size: $nav-font-size;
-                        text-transform: uppercase;
-                        font-weight: normal;
-                    }
-
-                    > ul {
-                        top: $nav-height;
-                        font-weight: normal;
+                    height: $nav-height;
+                    padding: 0 20px;
+                    > span {
+                        margin: auto;
                     }
                 }
             }


Petite proposition pour animer un peu

 %cell-links-list {
     li > a {
-        border-left: 5px solid transparent;
+        border-left: 0 solid $primary-color;
+        transition: border-width 200ms;
         &:hover {
-            border-left: 5px solid $primary-color;
+            border-left-width: 5px;
         }
     }
#5

Mis à jour par Thomas Jund il y a presque 2 ans

  • Statut changé de Solution proposée à Solution validée
#6

Mis à jour par Corentin Séchet il y a presque 2 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit 8ad86ba1668678d4b155e015dc9a92dc41128f00
Author: Corentin Séchet <csechet@entrouvert.com>
Date:   Wed May 11 14:34:04 2022 +0200

    angouleme: create theme (#65079)
#7

Mis à jour par Transition automatique il y a presque 2 ans

  • Statut changé de Résolu (à déployer) à Solution déployée
#8

Mis à jour par Transition automatique il y a plus d'un an

Automatic expiration

Formats disponibles : Atom PDF