blazorbootstrap icon indicating copy to clipboard operation
blazorbootstrap copied to clipboard

Sidebar: Add option to hide sidebar completely for tablets

Open MarvinKlein1508 opened this issue 11 months ago • 3 comments

The sidebar is very large on iPad. Take a look on this image:

grafik

Even when you toggle the sidebar you still have a small bar on the left. It would be great if you could add an option to the sidebar to hide it completely and swipe it out like on desktop when running on tablets.

Space on tablets is very important for our apps and we don't need to see the sidebar 95% of the time.

MarvinKlein1508 avatar Jul 12 '23 16:07 MarvinKlein1508

@gvreddy04 basically what I try to achieve with this sidebar is the same behaviour as this: tablet_sidebar

MarvinKlein1508 avatar Jul 14 '23 06:07 MarvinKlein1508

Overriding --bb-sidebar-collapsed-width to --bb-sidebar-collapsed-width: 0px; kinda works as I want it but it still displays the logo and the border for it: grafik

it would be great if you can set a custom class for toggle and show to override it's behaviour or to set display property to none

MarvinKlein1508 avatar Jul 25 '23 14:07 MarvinKlein1508

using

.bb-sidebar.collapsed {
    display: none !important;
}

allows me to fully hide the sidebar

MarvinKlein1508 avatar Jul 25 '23 14:07 MarvinKlein1508