Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Submit feedback
    • Contribute to GitLab
  • Sign in
P
purescript-gargantext
  • Project
    • Project
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 138
    • Issues 138
    • List
    • Board
    • Labels
    • Milestones
  • Merge Requests 5
    • Merge Requests 5
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • gargantext
  • purescript-gargantext
  • Issues
  • #379

Closed
Open
Opened Mar 22, 2022 by arturo@pdominique
  • Report abuse
  • New issue
Report abuse New issue

[sidebar] UI issues

Scope

  • breaking UI on leaf text, especially with low res / high zoom browser screen
  • breaking UI on leaf selection
  • lack of affordance concerning the ongoing leaf selection

Short term solution

  • re-work HTML script for the different leaves (eg. recent commit putting icon to the right side, and displaying async bar progression heavely distorts the CSS harmony and breaks the UI), sanitize the HTML/CSS
  • removing redundant wording, ie. the extra ellipsis "..." on each leaf, or folder term ("Private term", etc), simplify the icon set (no more icon variant change on selection)
  • set a fixed and (empirically) suitable size for the sidebar menu
  • apply a color semantic: ie. black text, blue when selected, etc

Long term solution

There is a possibility that the defined scope will still be opened to question at some point. For example if the current user owns a lot of nested leaves. These solutions tends to resolve them, from least to most time-consuming:

  1. Pin feature: rework the frontend PureScript algorithm of leaf printing (eg. not displaying ancestors of a flagged leaf)
  2. Draggable border: needs JavaScript library, rework current CSS with (JS) dynamism (eg. placement of the node popup)
  3. Both!
Assignee
Assign to
None
Milestone
None
Assign milestone
Time tracking
None
Due date
None
0
Labels
None
Assign labels
  • View project labels
Reference: gargantext/purescript-gargantext#379