Skip to content

Commit

Permalink
Fix an issue with sidebar overlay
Browse files Browse the repository at this point in the history
  • Loading branch information
@pratikborsadiya
pratikborsadiya committed Jan 18, 2018
1 parent 1b67376 commit ad84ce5
Show file tree
Hide file tree
Showing 20 changed files with 21 additions and 21 deletions.
2 changes: 1 addition & 1 deletion docs/blank-page.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-dashboard"></i> Blank Page</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/bootstrap-components.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div class="div">
<h1><i class="fa fa-laptop"></i> Bootstrap Elements</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/charts.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-pie-chart"></i> Charts</h1>
Expand Down
4 changes: 2 additions & 2 deletions docs/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13308,12 +13308,12 @@ be a descendant of the grid when it is being dragged.

@media (max-width: 768px) {
.app-sidebar__overlay {
position: absolute;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999999;
z-index: 9;
}
}

Expand Down
2 changes: 1 addition & 1 deletion docs/form-components.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-edit"></i> Form Components</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/form-custom.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-edit"></i> Custom Form Elements</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/form-notifications.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-bell-o"></i> Form Notifications</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/form-samples.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-edit"></i> Form Samples</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-dashboard"></i> Dashboard</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/page-calendar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-calendar"></i> Calendar</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/page-invoice.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-file-text-o"></i> Invoice</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/page-mailbox.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-envelope-o"></i> Mailbox</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/page-user.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="row user">
<div class="col-md-12">
<div class="profile">
Expand Down
2 changes: 1 addition & 1 deletion docs/table-basic.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-th-list"></i> Basic Tables</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/table-data-table.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-th-list"></i> Data Table</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/ui-cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-laptop"></i> Cards</h1>
Expand Down
2 changes: 1 addition & 1 deletion docs/widgets.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -84,6 +84,7 @@
</ul>
</header>
<!-- Sidebar menu-->
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
<div class="app-sidebar__user"><img class="app-sidebar__user-avatar" src="https://s3.amazonaws.com/uifaces/faces/twitter/jsa/48.jpg" alt="User Image">
<div>
Expand Down Expand Up @@ -131,7 +132,6 @@
</ul>
</aside>
<main class="app-content">
<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<div class="app-title">
<div>
<h1><i class="fa fa-archive"></i> Widgets</h1>
Expand Down
1 change: 1 addition & 0 deletions src/pug/includes/_sidebar.pug
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
.app-sidebar__overlay(data-toggle="sidebar")
aside.app-sidebar

.app-sidebar__user
Expand Down
1 change: 0 additions & 1 deletion src/pug/layouts/_layout.pug
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,6 @@ html(lang="en")
include ../includes/_sidebar.pug

main.app-content
.app-sidebar__overlay(data-toggle="sidebar")
block content

//- Javascripts
Expand Down
4 changes: 2 additions & 2 deletions src/sass/3-component/_sidebar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,12 +20,12 @@

.app-sidebar__overlay {
@media(max-width: 768px) {
position: absolute;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 999999;
z-index: 9;
}
}

Expand Down

0 comments on commit ad84ce5

Please sign in to comment.