Development #65079
angouleme: integration graphique
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
Révisions associées
Historique
Mis à jour par Corentin Séchet il y a presque 2 ans
- Fichier 0001-angouleme-create-theme-65079.patch 0001-angouleme-create-theme-65079.patch ajouté
- Fichier combo-desktop.png combo-desktop.png ajouté
- Fichier combo-mobile.png combo-mobile.png ajouté
- Fichier wcs-desktop.png wcs-desktop.png ajouté
- Fichier wcs-mobile.png wcs-mobile.png ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
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;
}
}
Mis à jour par Corentin Séchet il y a presque 2 ans
Mis à jour par Thomas Jund il y a presque 2 ans
- Statut changé de Solution proposée à Solution validée
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)
Mis à jour par Transition automatique il y a presque 2 ans
- Statut changé de Résolu (à déployer) à Solution déployée
angouleme: create theme (#65079)