[23.2] Tool panel views overflow bug

[ahmedhamidawan]

If we have a long list of tool panel views (like on Test right now), the views at the bottom are hidden and unreachable. Added an overflow: auto property to deal with this.

Also added indicators that a panel view is currently loading, which was previously missing.

Before 😠	After 😃
Screen.Recording.2023-11-30.at.7.11.52.PM.mov	Screen.Recording.2023-11-30.at.8.16.48.PM.mov

How to test the changes?

(Select all options that apply)

• I've included appropriate automated tests.
• This is a refactoring of components with existing test coverage.
• Instructions for manual testing are as follows:
  1. [add testing steps and prerequisites here if you didn't write automated tests covering all your changes]

License

• I agree to license these and all my past contributions to the core galaxy codebase under the MIT license.

[davelopez]

Also added indicators that a panel view is currently loading, which was previously missing.

Cool! Any chance that you can display the "currently loading panel view name" instead of displaying the old panel name with the loading indicator and then changing it to the selected one? I guess it will feel nicer :)

[ahmedhamidawan]

Cool! Any chance that you can display the "currently loading panel view name" instead of displaying the old panel name with the loading indicator and then changing it to the selected one? I guess it will feel nicer :)

Used a LoadingSpan to show which view will be loaded...
Updated the screencast above as well

[davelopez]

Looks good. Should this fix be applied to 23.1 too?

[ahmedhamidawan]

Looks good. Should this fix be applied to 23.1 too?

The only problem with that could be that the Tool Panel overhaul (concerning the front end changes here) with the addition of ToolPanel.vue and PanelViewMenu.vue was done for 23.2 and would be a major conflict when backporting?

[davelopez]

Then 23.2 sounds good, that's why I was asking :D

[martenson]

nice, thanks @ahmedhamidawan !