Skip to content
This repository has been archived by the owner on Jan 6, 2022. It is now read-only.

Overlay sits over the top of the sidebar and content #190

Open
simpleDesignsMitch2019 opened this issue Sep 17, 2019 · 1 comment
Open

Comments

@simpleDesignsMitch2019
Copy link

I followed the guide on the README but still had the issue of the overlay showing up over the top of the sidebar as well as the content.

<ng-sidebar-container>
   <ng-sidebar [(opened)]="_opened" showBackdrop="true" closeOnClickBackdrop="true" mode="push" position="left" sidebarClass="shadow-sm">
   <p>Sidebar contents</p>
   <hr/>
   </ng-sidebar>
   <div ng-sidebar-content>
      <nav class="navbar navbar-expand-lg navbar-dark bg-light" style="background-color: #5186ff !important;">
         <a class="navbar-brand" (click)="_toggleSidebar()">
         <img src="/assets/logo.png" width="70" height="30" alt="Motice"> 
         </a>
         <button class="navbar-toggler" type="button">
         <span class="navbar-toggler-icon"></span>
         </button>
         <div *ngIf="auth.user | async then authrightnav else guestrightnav"></div>
      </nav>
      <router-outlet></router-outlet>
   </div>
</ng-sidebar-container>
@simpleDesignsMitch2019 simpleDesignsMitch2019 changed the title Overlay sits over the top of the sidebar and conetn Overlay sits over the top of the sidebar and content Sep 17, 2019
@wi3land
Copy link

wi3land commented Oct 22, 2019

@simpleDesignsMitch2019 are you sure the overlay is on top of the sidebar or is it just you side bar doesn't have a background-color?

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants