Mise en forme de la page https://biomap.champs-libres.be/fr/dashboard #28

New Issue

juminet · 2021-10-22T12:30:05Z

juminet commented

2021-10-22 12:30:05 +00:00

Parmi les éléments à améliorer, il me semble:

les titres sont un peu trop grands
les marges sont sans doute à revoir
revoir les tableaux

Parmi les éléments à améliorer, il me semble: * les titres sont un peu trop grands * les marges sont sans doute à revoir * revoir les tableaux

mathieu commented

2021-10-26 08:27:12 +00:00

Améliorations design/UX

faire respirer en mettant des classes de padding et de margins, selon les conventions bootstrap de spacing :
cadres dashboard-program: ajouter du padding p-4
- summary: my-3
  - ul li: mt-2
les titres ne sont pas trop gros si les marges respirent
footer sponsors, améliorations possibles:
- image en png avec transparence alpha
- version nb avec survol (hover) en version couleur
- une gouttière plus large (si plus de fond blanc)
le picto imprimer un peu plus grand % aux titrailles
le menu droite dans le bandeau est en flex, on pourrait faire un meilleur centrage vertical des items, ainsi qu'un meilleur positionnement en cas de collapse

## Améliorations design/UX * faire respirer en mettant des classes de padding et de margins, selon les conventions bootstrap de [spacing](https://getbootstrap.com/docs/5.0/utilities/spacing/) : * cadres dashboard-program: ajouter du padding p-4 * summary: my-3 * ul li: mt-2 * les titres ne sont pas trop gros si les marges respirent * footer sponsors, améliorations possibles: * image en png avec transparence alpha * version nb avec survol (hover) en version couleur * une gouttière plus large (si plus de fond blanc) * le picto imprimer un peu plus grand % aux titrailles * le menu droite dans le bandeau est en flex, on pourrait faire un meilleur centrage vertical des items, ainsi qu'un meilleur positionnement en cas de collapse

mathieu commented

2021-10-26 08:35:58 +00:00

pour les blocs de tableau qui s'enchainent, la classe border pourrait avoir la directive suivante, à condition de mettre une classe sur le parent (ici programs)

div.programs:not(first-child) div.border {
  border-top: 0 
}

* pour les blocs de tableau qui s'enchainent, la classe border pourrait avoir la directive suivante, à condition de mettre une classe sur le parent (ici programs) ```scss div.programs:not(first-child) div.border { border-top: 0 } ```

juminet closed this issue

2021-10-27 09:50:59 +00:00

Sign in to join this conversation.