Draft: Vue super sidebar PoC
Notes
- The user dropdown probably needs to be implemented with
GlDropdown
for now. Ideally, this would be implemented as a menu, but we don't have a component for this yet, perhaps something we should prioritize as part of this effort. It's worth noting that the dropdown's toggle needs to be the user's avatar, which implies having control over that area via a slot, whichGlDropdown
does, butGlListbox
doesn't. - Still related to the user dropdown: rendering a
GlToggle
within aGlDropdown
proved to be cumbersome as the latter's styles are leaking into the former. We'll need to be careful about this sort of thing withGlMenu
. - The PoC currently leverages the existing
.nav-sidebar
CSS class to piggy back on the current spacing and positioning. In the actual implementation, we might want to start from scratch to avoid undesired styles from getting in the way. For example, somea
styles are leaking in the user dropdown menu, we've had to override the left margin manually there. - Potential startup CSS caveat: gitlab-org/frontend/rfcs#92 (comment 1169303552).
- Empty aside while the Vue app initializes: would this be a good candidate for UI over the Wire (gitlab-org/frontend/rfcs#112 - closed)?
Edited by Paul Gascou-Vaillancourt