light-bootstrap-dashboard-angular2 icon indicating copy to clipboard operation
light-bootstrap-dashboard-angular2 copied to clipboard

[Bug] Resize issue

Open gitHubUser151 opened this issue 2 years ago • 2 comments

Version

v1.9.0

Reproduction link

https://github.com/gitHubUser151/creativeTimBug.git

Operating System

Windows 10

Device

Dell Laptop

Browser & Version

Google Chrome 109.0.5414.120

Steps to reproduce

  1. Replace app.routing.ts in your copy of project. Or simply replace redirectTo: 'dashboard' by redirectTo: 'table' in app.routing.ts on lines 11 and 23.
  2. Get project compiled.
  3. Open localhost:4200 on your browser on the screen greater than 991px width.
  4. Resize the window to smaller than 990 px width.
  5. Press sandwich button to open sidebar menu on the right.
  6. Close the sidebar.
  7. Resize the window back to more than 991px width.
  8. You should see the bug on the left sidebar: icons, account, dropdown, logout from mobile version sidebar are on the wide screen version sidebar.

What is expected?

Side bar on the left no to have elements of mobile version side bar.

What is actually happening?

Icons, account, dropdown, logout from mobile version sidebar are on the wide screen version sidebar.


Solution

Additional comments

gitHubUser151 avatar Feb 03 '23 12:02 gitHubUser151

Hi @gitHubUser151,

Thank you for working with our products.

Can you please send us a video to see exactly what happens?

Regards, Rares

rarestoma avatar Feb 06 '23 08:02 rarestoma

Change redirectTo: 'dashboard' to redirectTo: 'table' in app.routing.ts on lines 11 and 23. Then follow the steps. Please let me know if you wont be able to reproduce. You should see this on the left sidebar on wide screen.

image

gitHubUser151 avatar Feb 07 '23 16:02 gitHubUser151