Giters

creativetimofficial / vue-paper-dashboard

Creative Tim Paper Dashboard made for Vue

Home Page:https://www.creative-tim.com/product/paper-dashboard

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Please consider moving sidebar to the left for mobile, to be consistent with desktop

mariusa opened this issue · comments

commented

On mobile, the menu icon & sidebar are on the right.
On tablet/desktop, sidebar is on the left.

Please consider making them consistent, both on left.
(as part of Bootstrap 4 upgrade?)

Thanks Cristi!

commented

Hi @mariusa
I think it's a good proposal for the BS4 upgrade as well as internal details (to have one instance of sidebar instead of 2 like there are now)
For now, if you really need this, please take a look at this issue https://github.com/creativetimofficial/paper-dashboard-pro/issues/7 .
You will find the css on how to move the sidebar on the left (I didn't test that though)

commented

@mariusa I'd actually argue that it be kept the same way, or at least configurable by the user? With most people being right handed, and with larger screens, having the nav be on the right makes it much easier to use one-handed.

commented

That makes sense. Some more questions to consider:

  • Would people use just 1 hand when working in a dashboard?
  • Would same people use the dashboard on both desktop and mobile, and in that case, would familiarity of sidebar placement (left) worth more than a possible productivity gain (right) ?
  • What patterns do big apps use, which would bring familiarity to users? eg Gmail (native app), Shopify have menus on the left. If right is more productive, why don't these apps change?