Make sidebar and content seperated
cagcak opened this issue · comments
The real problem might be merged skeleton with sidebar and content in UI. If possible to seperate them can solve many problems before even started.
The current structure reside nested like below:
<app-wrapper
<ng-sidebar-container
<ng-sidebar
<div ng-sidebar-content
This structure forces the content must reside in ng-sidebar-container. This is not the perfect solution I think, especially for an angular project.
Here is the Ondrej's structure:
<div class="wrapper">
<!-- Sidebar -->
<nav id="sidebar">
...
</nav>
<!-- Page Content -->
<div id="content">
<!-- We'll fill this with dummy content -->
</div>
</div>
That's exactly what the structure corresponds to already:
ng-sidebar | Bootstrap |
---|---|
ng-sidebar-container |
wrapper |
ng-sidebar |
sidebar |
ng-sidebar-content |
content |