Ugly scrollbar at the sidebar

[AndreasHohnholt]

at the right side of the sidebar is a ugly scrollbar, so that there is a big gap between the sidebar and the navbar. the non angular version has not this issue.

Angular version: https://lbd-pro-angular2.creative-tim.com/dashboard
Non Angular vesion: https://demos.creative-tim.com/light-bootstrap-dashboard-pro/examples/dashboard.html

[chelaruc]

@AndreasHohnholt Can you tell me what OS do you use and what browser?

[AndreasHohnholt]

The problem occur in all major browser:

• Google Chrome Version 64.0.3282.186

• Microsoft Edge 40.15063.674.0

• Firefox 53.0.2 (32-Bit) / 56.0 (32-Bit)
  OS: Windows 10 Pro 64 Bit

• Safari 11.0.3 on MacOS

Screenshot

[gusjabar]

I have the same problem, I guess it's something related with the library perfect-scrollbar.js.

[AndreasHohnholt]

on my samsung galaxy tab s3 the error does not occur, no matter which browser is used. if i emulate an "ipad pro" in the chrome browser the error does not occur either.

[chelaruc]

Hi @AndreasHohnholt! Can you delete the line 20 from src/index.html and in src/assets/sass/lbd/_sidebar-and-main-panel.scss delete line 12: overflow-y: scroll;

Tell me if this worked.

[AndreasHohnholt]

@chelaruc Yes this fix the problem but there is now a small unattractive corner at the end of the sidebar https://ibb.co/ksYjs7

[chelaruc]

@AndreasHohnholt in src/assets/sass/lbd/_sidebar-and-main-panel.scss, on class .sidebar-wrapper you need to change the height from height: calc(100% - 75px); to height: calc(100% - 64px);

[AndreasHohnholt]

Will this issue fixed in the next release of light-bootstrap-dashboard-pro-angular?

[chelaruc]

@AndreasHohnholt yes, we will fix this in next update. I'll reopen this issue and close when the update will be released.