github
/
AdminLTE
mirror of https://github.com/ColorlibHQ/AdminLTE
1
0
Fork 0
Code Issues Releases Wiki Activity

Updatd collapsed sidebar support

pull/325/merge
Abdullah Almsaeed 2015-03-27 19:30:02 -04:00
parent ca3f112980
commit 2f7f43109d
2 changed files with 35 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
index2.html
View File

@ -29,7 +29,7 @@
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body class="skin-blue sidebar-mini">
<body class="skin-blue sidebar-mini sidebar-collapse">
<div class="wrapper">
<header class="main-header">
@ -277,6 +277,10 @@
</li>
</ul>
</li>
<!-- Control Sidebar Toggle Button -->
<li>
<a href="#" data-toggle="control-sidebar"><i class="fa fa-outdent"></i></a>
</li>
</ul>
</div>
@ -1116,6 +1120,31 @@
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer>
<!-- Control Sidebar -->
<aside class="control-sidebar">
<!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-stats-tab" data-toggle="tab"><i class="fa fa-pie-chart"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<!-- Home tab content -->
<div class="tab-pane active" id="control-sidebar-home-tab">
<h5 class="control-sidebar-heading"><b>News Feed</b></h5>
<h5 class="control-sidebar-heading"><b>Mail</b></h5>
<h5 class="control-sidebar-heading"><b>Todo List</b></h5>
</div><!-- /.tab-pane -->
<!-- Stats tab content -->
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div><!-- /.tab-pane -->
<!-- Settings tab content -->
<div class="tab-pane" id="control-sidebar-settings-tab">Settings Tab Content</div><!-- /.tab-pane -->
</div>
</aside>
</div><!-- ./wrapper -->
<!-- jQuery 2.1.3 -->

2
pages/layout/collapsed-sidebar.html
View File

@ -24,7 +24,7 @@
<![endif]-->
</head>
<!-- ADD THE CLASS sidedar-collapse TO HIDE THE SIDEBAR PRIOR TO LOADING THE SITE -->
<body class="skin-blue sidebar-collapse fixed sidebar-mini">
<body class="skin-blue sidebar-collapse sidebar-mini">
<!-- Site wrapper -->
<div class="wrapper">