question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

We want nz-sider to overlay the content instead of pushing the content

See original GitHub issue

What problem does this feature solve?

nz-sider needs to have an option to make it overlay on top of existing content instead of pushing that content, while expanding the nz-sider from collapsed state, just like material design <mat-drawer mode="over">

https://stackblitz.com/edit/angular-keztzw

What does the proposed API look like?

A directive like nzBehavior=“overlay | push” is better <nz-sider nzCollapsible nzBehavior="overlay" nzWidth="200px">

It needs to have black overlay, once you click the overlay it should go back to folded state.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
duonglehcommented, Aug 29, 2020

You can use NzDrawer to make this happens

4reactions
IsaacHubcommented, Jul 7, 2020

It’s unbelievable that this simple basic feature is missing in this library.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to implement persistent drawer using NG-ZORRO?
Currently the NG-ZORROR drawer is only available in overlay mode which is nice for tablets but I would like to have a menu...
Read more >
Layout | NG-ZORRO - Ant Design
We always put contents in a fixed size navigation (eg: 1200px ), the layout of the whole page is stable, it's not affected...
Read more >
ng-zorro/ng-zorro-antd - Gitter
So in such scenario I would like to have a tooltip for dropdown values. ... that at the bottom with the different change...
Read more >
Creating a Responsive Sidebar in Ant Design - Medium
When I click on that icon, it displays the contents of the sidebar. ... to another component instead of being hardcoded in the...
Read more >
How To Make Navigation Menu Overlay Page Contents On ...
In the WordPress tutorial of today, we 'll create a page where the navigation menu makes part of the page contents in a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found