Add option to make sidebar menu fix

This commit is contained in:
christianesperar 2016-05-11 00:24:48 +08:00
parent ea7a7997a7
commit 9e4d800e3a
43 changed files with 4374 additions and 6 deletions

View File

@ -70,6 +70,7 @@
"datatables.net-scroller-bs": "^1.4.1",
"pdfmake": "^0.1.20",
"jszip": "Stuk/jszip#v2.6.0",
"echarts": "^3.1.7"
"echarts": "^3.1.7",
"malihu-custom-scrollbar-plugin": "^3.1.3"
}
}

View File

@ -116,6 +116,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -115,6 +115,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -1,9 +1,17 @@
.nav-sm .container.body .left_col {
.nav-sm .container.body .col-md-3.left_col {
width: 70px;
padding: 0;
z-index: 9999;
position: absolute;
}
.nav-sm .container.body .col-md-3.left_col.menu_fixed {
position: fixed;
height: 100%;
}
.nav-sm .container.body .col-md-3.left_col .mCSB_container,
.nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
overflow: visible;
}
.nav-sm .hidden-small {
visibility: hidden;
}
@ -182,6 +190,10 @@
position: absolute;
display: flex;
}
.nav-md .container.body .col-md-3.left_col.menu_fixed {
height: 100%;
position: fixed;
}
body .container.body .right_col {
background: #F7F7F7;
}
@ -227,7 +239,12 @@ body .container.body .right_col {
display: none
}
}
.left_col .mCSB_scrollTools {
width: 6px;
}
.left_col .mCSB_dragger {
max-height: 400px !important;
}
/** ------------------------------------------ **/
.blue {
@ -1499,7 +1516,6 @@ span.right {
padding: 5px 0 0 0;
position: fixed;
width: 230px;
z-index: 1000;
background: #2A3F54;
}
.sidebar-footer a {

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -0,0 +1,355 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gentallela Alela! | </title>
<!-- Bootstrap -->
<link href="../vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="../vendors/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- jQuery custom content scroller -->
<link href="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css" rel="stylesheet"/>
<!-- Custom Theme Style -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<div class="col-md-3 left_col menu_fixed">
<div class="left_col scroll-view">
<div class="navbar nav_title" style="border: 0;">
<a href="index.html" class="site_title"><i class="fa fa-paw"></i> <span>Gentellela Alela!</span></a>
</div>
<div class="clearfix"></div>
<!-- menu profile quick info -->
<div class="profile">
<div class="profile_pic">
<img src="images/img.jpg" alt="..." class="img-circle profile_img">
</div>
<div class="profile_info">
<span>Welcome,</span>
<h2>John Doe</h2>
</div>
</div>
<!-- /menu profile quick info -->
<br />
<!-- sidebar menu -->
<div id="sidebar-menu" class="main_menu_side hidden-print main_menu">
<div class="menu_section">
<h3>General</h3>
<ul class="nav side-menu">
<li><a><i class="fa fa-home"></i> Home <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="index.html">Dashboard</a>
</li>
<li><a href="index2.html">Dashboard2</a>
</li>
<li><a href="index3.html">Dashboard3</a>
</li>
</ul>
</li>
<li><a><i class="fa fa-edit"></i> Forms <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="form.html">General Form</a>
</li>
<li><a href="form_advanced.html">Advanced Components</a>
</li>
<li><a href="form_validation.html">Form Validation</a>
</li>
<li><a href="form_wizards.html">Form Wizard</a>
</li>
<li><a href="form_upload.html">Form Upload</a>
</li>
<li><a href="form_buttons.html">Form Buttons</a>
</li>
</ul>
</li>
<li><a><i class="fa fa-desktop"></i> UI Elements <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="general_elements.html">General Elements</a>
</li>
<li><a href="media_gallery.html">Media Gallery</a>
</li>
<li><a href="typography.html">Typography</a>
</li>
<li><a href="icons.html">Icons</a>
</li>
<li><a href="glyphicons.html">Glyphicons</a>
</li>
<li><a href="widgets.html">Widgets</a>
</li>
<li><a href="invoice.html">Invoice</a>
</li>
<li><a href="inbox.html">Inbox</a>
</li>
<li><a href="calendar.html">Calendar</a>
</li>
</ul>
</li>
<li><a><i class="fa fa-table"></i> Tables <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="tables.html">Tables</a>
</li>
<li><a href="tables_dynamic.html">Table Dynamic</a>
</li>
</ul>
</li>
<li><a><i class="fa fa-bar-chart-o"></i> Data Presentation <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="chartjs.html">Chart JS</a>
</li>
<li><a href="chartjs2.html">Chart JS2</a>
</li>
<li><a href="morisjs.html">Moris JS</a>
</li>
<li><a href="echarts.html">ECharts </a>
</li>
<li><a href="other_charts.html">Other Charts </a>
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">
<h3>Live On</h3>
<ul class="nav side-menu">
<li><a><i class="fa fa-bug"></i> Additional Pages <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="e_commerce.html">E-commerce</a>
</li>
<li><a href="projects.html">Projects</a>
</li>
<li><a href="project_detail.html">Project Detail</a>
</li>
<li><a href="contacts.html">Contacts</a>
</li>
<li><a href="profile.html">Profile</a>
</li>
</ul>
</li>
<li><a><i class="fa fa-windows"></i> Extras <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="page_404.html">404 Error</a>
</li>
<li><a href="page_500.html">500 Error</a>
</li>
<li><a href="plain_page.html">Plain Page</a>
</li>
<li><a href="login.html">Login Page</a>
</li>
<li><a href="pricing_tables.html">Pricing Tables</a>
</li>
</ul>
</li>
<li><a><i class="fa fa-sitemap"></i> Multilevel Menu <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="#level1_1">Level One</a>
<li><a>Level One<span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li class="sub_menu"><a href="level2.html">Level Two</a>
</li>
<li><a href="#level2_1">Level Two</a>
</li>
<li><a href="#level2_2">Level Two</a>
</li>
</ul>
</li>
<li><a href="#level1_2">Level One</a>
</li>
</ul>
</li>
<li><a href="javascript:void(0)"><i class="fa fa-laptop"></i> Landing Page <span class="label label-success pull-right">Coming Soon</span></a>
</li>
</ul>
</div>
</div>
<!-- /sidebar menu -->
<!-- /menu footer buttons -->
<div class="sidebar-footer hidden-small">
<a data-toggle="tooltip" data-placement="top" title="Settings">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="FullScreen">
<span class="glyphicon glyphicon-fullscreen" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Lock">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</a>
<a data-toggle="tooltip" data-placement="top" title="Logout">
<span class="glyphicon glyphicon-off" aria-hidden="true"></span>
</a>
</div>
<!-- /menu footer buttons -->
</div>
</div>
<!-- top navigation -->
<div class="top_nav">
<div class="nav_menu">
<nav class="" role="navigation">
<div class="nav toggle">
<a id="menu_toggle"><i class="fa fa-bars"></i></a>
</div>
<ul class="nav navbar-nav navbar-right">
<li class="">
<a href="javascript:;" class="user-profile dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<img src="images/img.jpg" alt="">John Doe
<span class=" fa fa-angle-down"></span>
</a>
<ul class="dropdown-menu dropdown-usermenu pull-right">
<li><a href="javascript:;"> Profile</a>
</li>
<li>
<a href="javascript:;">
<span class="badge bg-red pull-right">50%</span>
<span>Settings</span>
</a>
</li>
<li>
<a href="javascript:;">Help</a>
</li>
<li><a href="login.html"><i class="fa fa-sign-out pull-right"></i> Log Out</a>
</li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a href="javascript:;" class="dropdown-toggle info-number" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-envelope-o"></i>
<span class="badge bg-green">6</span>
</a>
<ul id="menu1" class="dropdown-menu list-unstyled msg_list" role="menu">
<li>
<a>
<span class="image">
<img src="images/img.jpg" alt="Profile Image" />
</span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li>
<a>
<span class="image">
<img src="images/img.jpg" alt="Profile Image" />
</span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li>
<a>
<span class="image">
<img src="images/img.jpg" alt="Profile Image" />
</span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li>
<a>
<span class="image">
<img src="images/img.jpg" alt="Profile Image" />
</span>
<span>
<span>John Smith</span>
<span class="time">3 mins ago</span>
</span>
<span class="message">
Film festivals used to be do-or-die moments for movie makers. They were where...
</span>
</a>
</li>
<li>
<div class="text-center">
<a>
<strong>See All Alerts</strong>
<i class="fa fa-angle-right"></i>
</a>
</div>
</li>
</ul>
</li>
</ul>
</nav>
</div>
</div>
<!-- /top navigation -->
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="page-title">
<div class="title_left">
<h3>Fixed Sidebar <small> Just add class <strong>menu_fixed</strong></small></h3>
</div>
</div>
</div>
</div>
<!-- /page content -->
<!-- footer content -->
<footer>
<div class="pull-right">
Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
</div>
<div class="clearfix"></div>
</footer>
<!-- /footer content -->
</div>
</div>
<!-- jQuery -->
<script src="../vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="../vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="../vendors/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="../vendors/nprogress/nprogress.js"></script>
<!-- jQuery custom content scroller -->
<script src="../vendors/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
<!-- Custom Theme Scripts -->
<script src="js/custom.js"></script>
</body>
</html>

View File

@ -128,6 +128,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -126,6 +126,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -121,6 +121,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -18,7 +18,6 @@
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
@ -119,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -127,6 +127,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -124,6 +124,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -121,6 +121,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -58,7 +58,6 @@ $(document).ready(function() {
$MENU_TOGGLE.on('click', function() {
if ($BODY.hasClass('nav-md')) {
$BODY.removeClass('nav-md').addClass('nav-sm');
$LEFT_COL.removeClass('scroll-view').removeAttr('style');
if ($SIDEBAR_MENU.find('li').hasClass('active')) {
$SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
@ -87,6 +86,15 @@ $(document).ready(function() {
$(window).smartresize(function(){
setContentHeight();
});
// fixed sidebar
if ($.fn.mCustomScrollbar) {
$('.menu_fixed').mCustomScrollbar({
autoHideScrollbar: true,
theme: 'minimal',
mouseWheel:{ preventDefault: true }
});
}
});
// /Sidebar

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -119,6 +119,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -122,6 +122,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -121,6 +121,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -126,6 +126,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -118,6 +118,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -120,6 +120,12 @@
</li>
</ul>
</li>
<li><a><i class="fa fa-clone"></i>Layouts <span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="fixed_sidebar.html">Fixed Sidebar</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="menu_section">

View File

@ -0,0 +1,54 @@
{
"name": "malihu-custom-scrollbar-plugin",
"title": "malihu custom scrollbar plugin",
"description": "Highly customizable custom scrollbar jQuery plugin, featuring vertical/horizontal scrollbars, scrolling momentum, mouse-wheel, keyboard and touch support, user defined callbacks etc.",
"main": [
"./jquery.mCustomScrollbar.js",
"./jquery.mCustomScrollbar.css",
"./mCSB_buttons.png"
],
"keywords": [
"jquery",
"custom-scrollbar",
"scrollbar"
],
"homepage": "http://manos.malihu.gr/jquery-custom-content-scroller",
"author": {
"name": "malihu",
"url": "http://manos.malihu.gr"
},
"repository": {
"type": "git",
"url": "git://github.com/malihu/malihu-custom-scrollbar-plugin.git"
},
"licenses": [
{
"type": "MIT",
"url": "http://opensource.org/licenses/MIT"
}
],
"dependencies": {
"jquery": ">=1.6",
"jquery-mousewheel": ">=3.0.6"
},
"ignore": [
"*.md",
".*",
"*.txt",
"*.json",
"*.html",
"/examples",
"/source-files",
"/js"
],
"version": "3.1.3",
"_release": "3.1.3",
"_resolution": {
"type": "version",
"tag": "3.1.3",
"commit": "fb445f2ac46e34b4e72bd101d5c2446610c6e7e8"
},
"_source": "https://github.com/malihu/malihu-custom-scrollbar-plugin.git",
"_target": "^3.1.3",
"_originalSource": "malihu-custom-scrollbar-plugin"
}

View File

@ -0,0 +1,44 @@
{
"name": "malihu-custom-scrollbar-plugin",
"title": "malihu custom scrollbar plugin",
"description": "Highly customizable custom scrollbar jQuery plugin, featuring vertical/horizontal scrollbars, scrolling momentum, mouse-wheel, keyboard and touch support, user defined callbacks etc.",
"main": [
"./jquery.mCustomScrollbar.js",
"./jquery.mCustomScrollbar.css",
"./mCSB_buttons.png"
],
"keywords": [
"jquery",
"custom-scrollbar",
"scrollbar"
],
"homepage": "http://manos.malihu.gr/jquery-custom-content-scroller",
"author": {
"name": "malihu",
"url": "http://manos.malihu.gr"
},
"repository": {
"type": "git",
"url": "git://github.com/malihu/malihu-custom-scrollbar-plugin.git"
},
"licenses": [
{
"type": "MIT",
"url": "http://opensource.org/licenses/MIT"
}
],
"dependencies": {
"jquery": ">=1.6",
"jquery-mousewheel": ">=3.0.6"
},
"ignore": [
"*.md",
".*",
"*.txt",
"*.json",
"*.html",
"/examples",
"/source-files",
"/js"
]
}

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 KiB