[Feature Request] : [User Experience] : cannot enlarge the panel of hamburger menu #5462
-
Beta Was this translation helpful? Give feedback.
Replies: 5 comments 9 replies
-
This could pretty trivially be implemented by adding the following CSS to the
Additionally, we'd need to handle the sidebar's concourse/web/elm/src/Dashboard/Dashboard.elm Lines 396 to 397 in 77ab1d1 The downside to this approach is that using CSS' Additionally, Another approach is to port something like this over to Elm (https://stackoverflow.com/a/53220241/9994448). Slightly more work, but would give us more control over the UX. |
Beta Was this translation helpful? Give feedback.
-
@aoldershaw It would be a great help if we get this feature soon. |
Beta Was this translation helpful? Give feedback.
-
I actually think @aoldershaw 's suggestion would make a great first pass. I agree that being able to grab anywhere along the sidebar's edge would be preferable, but you don't actually have to scroll to access the UI 'handle' that allows you to resize the sidebar: This would let us get this functionality into production a lot faster, and we can iterate to improve the experience over time. In our MVP I'd also like to see this enhanced with a bit of javascript to record the user's preferred sidebar width to a cookie or local storage, to negate the need to adjust it every single time you load Concourse. |
Beta Was this translation helpful? Give feedback.
-
I get the impression that manual intervention is the best solution, but I did think of another more semi-automatic solution. Just posting to get it out of my head and onto the page: Setting some minimum and maximum widths might allow us to automatically expand the sidebar to fit the visible pipeline names on hover, and shrink it down to a less obtrusive list while the user is interacting with the rest of the dashboard: This was obviously hacked together really quickly, so it's not the smartest CSS. I've set some really arbitrary and not totally beautiful widths here just for the sake of explaining, and the .gif doesn't show how smooth it can be in the actual browser, but basically the sidebar expands and contracts, adjusting its maximum width to the longest pipeline name in view. It would require a lot more careful thought and testing to get the timing and interaction right. Just food for thought! |
Beta Was this translation helpful? Give feedback.
-
@rohithmn3 This was tackled in #5782, so the next release should allow you to enlarge the sidebar. |
Beta Was this translation helpful? Give feedback.
@rohithmn3 This was tackled in #5782, so the next release should allow you to enlarge the sidebar.