arkon / ng-sidebar

[Inactive] Angular sidebar component.

Home Page:https://echeung.me/ng-sidebar

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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>   

ref: https://bootstrapious.com/p/bootstrap-sidebar

commented

That's exactly what the structure corresponds to already:

ng-sidebar Bootstrap
ng-sidebar-container wrapper
ng-sidebar sidebar
ng-sidebar-content content