Commit c7231268 authored by Mickaël WLODARCZYK's avatar Mickaël WLODARCZYK Committed by Mickaël Wlodarczyk

Fix #11 : Ajout d'un exemple de CSS personnalisée

Change-Id: I5e4e6c915d5878dcef7696e2bd72457c1a629192
parent 2bcd4345
Pipeline #10412 passed with stages
in 4 minutes and 18 seconds
......@@ -72,7 +72,7 @@ Résultat attendu :
* Dans la liste des utilisateurs, retrouver une ligne contenu `etude@notaire.fr` ET étant de profil *Etude notariale*
# 7. Lien symbolique sur le dossier uploads
## 7. Lien symbolique sur le dossier uploads
1. Se positionner dans le dossier public de l'application
1. Déplacer le dossier uploads dans /opt par exemple (ne fonctionne pas dans /tmp)
......@@ -83,3 +83,18 @@ Résultat attendu :
* Le logo s'affiche toujours dans l'entête et la page de connexion
* Les prévisus des images s'affichent bien dans les paramètres de l'application
## 8. CSS personnalisée
1. Se positionner dans le dossier public de l'application
1. Editer le fichier styles.css
1. Retirer les commentaires /* */ autour des classes CSS
Résultat attendu :
* Le rendu graphique de l'application est différent :
- La couleur du texte
- La couleur de fond
- La couleur des titres
- La couleur des boutons
- l'image du bandeau est remplacée par un fond uni
- les boutons de l'entete sont déplacés à gauche
/* Exemples de modifications des classes css pour un rendu graphique différent */
/* Modification de la couleur du texte */
/*
body{
color: #CCCCCC;
}
*/
/* Modification de la couleur de fond */
/*
body{
background-color: #333772;
}
*/
/* Modification de la couleur des titres */
/*
h1, h2, h3, h4 {
color: #000000;
}
*/
/* Modification de la couleur des boutons */
/*
.border-button, .border-button.admin-button {
background-color: #666666;
}
*/
/* Remplacement de l'image du bandeau par un fond uni */
/*
.header {
background: #222222;
}
*/
/* Déplacement des boutons de l'entete à gauche */
/*
.header .nav-top .container {
justify-content: flex-start;
}
.header .nav-top .container .nav-action:not(.nav-help) {
border-right: 0.1rem solid #DAC192;
border-left: 0;
}
*/
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment