search

tomastrajan / angular-ngrx-material-starter

Angular, NgRx, Angular CLI & Angular Material Starter Project
https://tomastrajan.github.io/angular-ngrx-material-starter
MIT License
2.82k stars 919 forks source link

Toolbar Covering Top of Scroll #545

Open reevesba opened 3 years ago

reevesba commented 3 years ago

Not so much an issue, just a question. Any quick way to position the scroll bar beneath the toolbar rather than behind it? Thanks for the great template! I love the overall structure.

slegge commented 3 years ago

It is not too difficult to do if you want to stick with a sticky header, but since there is a property to turn the stickiness on and off it would be difficult due to how the mat-sidenav-container works.

If you are ok with always having a sticky header, you could move the toolbar before the mat-sidenav-container and move the top of the rest of the content below it.

Another option is to not have the toolbar use the full width and not cover the scollbar.

reevesba commented 3 years ago

Make sense, thanks for the suggestions!