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

Highlight scrollable compartment list #295

Open
NXXR opened this issue Jul 20, 2023 · 5 comments
Open

Highlight scrollable compartment list #295

NXXR opened this issue Jul 20, 2023 · 5 comments
Labels
class:enhancement New feature or request FEEDBACK Feedback on ESID question Further information is requested

Comments

@NXXR
Copy link
Collaborator

NXXR commented Jul 20, 2023

Based on feedback we should increase the suggestion that the expanded compartment list is scrollable as the added scroll bar may not be enough.

We could add a box shadow to the bottom of the scrollable container to suggest more content hiding at the bottom of the container like this:

Mockups (click to expand)

grafik
grafik

by adding box-shadow: inset 0 -10px 10px -10px #000; to the container

@NXXR NXXR added class:enhancement New feature or request question Further information is requested FEEDBACK Feedback on ESID labels Jul 20, 2023
@NXXR NXXR added this to ESID Jul 20, 2023
@github-project-automation github-project-automation bot moved this to 🆕 New in ESID Jul 20, 2023
@lenarothenhaeusler
Copy link
Collaborator

I'm not quite sure, if the shadow makes it more clear. What about adding little arrows in both directions of the scroll bar?

@shami-sneha
Copy link

We can add the scrollbar and see how it looks , only if you allow me to do that .......

@JonasGilg
Copy link
Collaborator

We can add the scrollbar and see how it looks , only if you allow me to do that .......

Yes, you can try it out and send some screenshots. We can then iterate over the design.

@shami-sneha
Copy link

scrolling 2
shadow1
Do you mean like this ?

@NXXR
Copy link
Collaborator Author

NXXR commented Jan 23, 2024

@JonasGilg meant more like this:
grafik

or with scrollbar arrows and indent shadow:
grafik

@lenarothenhaeusler

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
class:enhancement New feature or request FEEDBACK Feedback on ESID question Further information is requested
Projects
Status: 🆕 New
Development

No branches or pull requests

4 participants