Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Enhance display of child/sub categories #1154

Closed
molivier-fcms opened this issue Apr 15, 2021 · 6 comments
Closed

Enhance display of child/sub categories #1154

molivier-fcms opened this issue Apr 15, 2021 · 6 comments
Labels
enhancement UX user experience

Comments

@molivier-fcms
Copy link

molivier-fcms commented Apr 15, 2021

Is your feature request related to a problem? Please describe.

Hi,

This is an UX request. I have seen the application can handle child categories. However I find difficult to distinguish the child categories from others categories. A few adjustments could make is clearer.

Describe the solution you'd like
If possible indent the subcategories from left so the relation parent/child is visually clear.

If the sub-categories are indented, there is no longer a need to have the format parent-category / child-category. We could replace by child-category. So the line becomes lighter and there is more space for long child category names despite the indent.

EXTRA: when the parent category is open, having a minus sign to show it is open and it can be folded. It will enforce the fact it is a parent-category.

Additional context
Here is a screenshot of current display:
menu_original2

Here is the alternative I suggest:
menu_custom2

@stefan-niedermann

This comment has been minimized.

@stefan-niedermann stefan-niedermann added the UX user experience label Apr 15, 2021
@molivier-fcms
Copy link
Author

molivier-fcms commented Apr 15, 2021

There is no hurry. You already give your time for this app, and the app is really useful at this state.

You said in #518:

The first one is ugly as hell, but the second does not scale very good if the nested hierarchies are getting deeper....

(I am re-suggesting the second example)

That's true. I see a solution : having a tree as in tree app for linux or similar, so even if we scroll down we are aware that there is a superior relationship. However the risk to clutter the interface... maybe light grey colored could pass.

Parent
├─ child 1
├─ child 2
└─ child 3

EDIT: Simple vertical lines may work too. They are efficient with multiple sub-levels. Even if the sub-items are filling the screen, the vertical lines will show we are in a "n" level of sub-category.

Item 1
Item 2
 | sub 1.1
 | sub 1.2
 |  | sub 2.1
 |  | sub 2.2
 |  | ...
 |  | sub 2.x  
 |  sub 1.3
Item 3

@stefan-niedermann
Copy link
Member

I remember that discussion slightly, it have been a while. I'll re-read the linked issue to reevaluate this problems we have seen then and check if they all are still valid or not 🙂

@pvcodes-zz
Copy link

Hi,is this issue resolved, if not I would like to give it a shot, also I couldn't find the Main activity files!

@ScottieKim
Copy link
Contributor

Hi I would like to solve this UX request if possible

ScottieKim added a commit to ScottieKim/nextcloud-notes that referenced this issue Jun 17, 2021
ScottieKim added a commit to ScottieKim/nextcloud-notes that referenced this issue Jun 24, 2021
ScottieKim added a commit to ScottieKim/nextcloud-notes that referenced this issue Jun 24, 2021
@stefan-niedermann
Copy link
Member

Fixed in 3.4.13

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement UX user experience
Projects
None yet
Development

No branches or pull requests

4 participants