[Bug Report][2.4.7] Navigation Drawer - expand-on-hover, mini-variant and v-main width #13309
Description
Environment
Vuetify Version: 2.4.7
Vue Version: 2.6.12
Browsers: Chrome 89.0.4389.90
OS: Linux x86_64
Steps to reproduce
- Hover over navigation drawer
- Click on plus icon to expand navigation drawer (Working as expected)
- Click again on minus icon to collapse it (make it mini and enable expand on hover - Main content should update according to navigation drawer width)
Expected Behavior
When we click on minus icon. Navigation menu should collapse and v-main should get more width as navigation have less width.
Also when navigation drawer is collapsed it should have expand on hover functionality.
In short, when navigation drawer is collapsed it can be viewd as full on hover. And width of v-main should update according to width of navigation drawer except navigation drawer is mini and user hovers it for temporary view.
Actual Behavior
v-main is not adapting remaining space when we collapse the navigation drawer again.
Reproduction Link
https://codepen.io/jd-0001/pen/JjEPRqY?editors=101
Other comments
Expected behavior: https://pixinvent.com/demo/vuexy-vuejs-admin-dashboard-template/demo-1/dashboard/analytics
Check pinning the navigation drawer and content area width according to width of navigation drawer.