cheminfo / nmrium

React component to display and process nuclear magnetic resonance (NMR) spectra.
https://docs.nmrium.org
MIT License
55 stars 25 forks source link

Closed right panels are not visible #1768

Open lpatiny opened 2 years ago

lpatiny commented 2 years ago

When the screen is small the right panels close automatically and this is the expected behaviour.

However there is an issue. What the user sees is:

image

And he would never guess that actually it is possible to expand those panels on the right with double click on the 3 little dots.

2022-09-24 08 25 39

We need somehow to make it more visible. @targos maybe this is also related to your refactor of the SplitPane Component in analysis-ui-component ?

BTW for opening the panels I think that one click could be enough.

michelgravel commented 2 years ago

I had no idea I could double click the three dots! I tried many times to click and drag that bar to the left, but nothing happens. It never occurred to me to double-click on the three dots.

lpatiny commented 1 year ago

@hamed-musallam Any suggestion for solving this issue ?

hamed-musallam commented 1 year ago

@lpatiny

I think we can change the 3 dots to another icon in case the side panel is completely closed and instead of double-clicking to open again it can be a single click, besides that we might make a tour (https://github.com/gilbarbara/react-joyride) for the first time the user uses the displayer to show him general instruction of how to use the Dispalyer or give hints about the hidden features

michelgravel commented 1 year ago

I think both solutions would work. Definitely clicking only once would be more intuitive. It would be similar to the horizontal panels.

stropitek commented 1 year ago

More involved suggestion: keep a slightly wider horizontal space for the hidden panel, enough to display one icon per "accordion section" that the panel has. When clicked, it both open the panel and the clicked "accordion section".

It's more involved so maybe not something to do in nmrium but an idea to keep track of in analysis-ui-components. It seems appealing to me because less clicks to get to the proper settings