Skip to content

UI changes Declaration page - 2nde version #60

@PrestaMarine

Description

@PrestaMarine
  • Vertical gap between the tabs and the sections or blue boxes should be 32 px
  • Sections should have a 16px padding on top and bottom, with an additionnal 8px under the action buttons ("Vérifier les informations").
  • Vertical gap between illustration and section title should be 16 px
Image
  • When there is sections with and without tag on the screen, sections without tag keep the same height than the others (this is done and ok, keep it that way :) )
  • When all sections are without tag, they should have the minimum height with only 16 px padding on top and bottom
Image Image Image
  • Purcentage and update date text thickness should be a bit more bold
Image
  • Change the text and icon of the "Copier le lien" button to "Partager la déclaration" with a share icon. Note : the share icon is cropped for some reason on figma, ignore that, it's a bug
Image Image
  • The buttons should be on the same line than the title if there is enough space on the right
Image
  • Not sure if this is relevant as we didn't work on the responsive and any tablet version, but if it's not long to do, the sections should wrap under when the container is too small. Exemple :
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions