Add collapse option for labels and folders in mailbox

pull/360/head
Abdullah Almsaeed 10 years ago
parent d928b118df
commit bd926b06ac

@ -32,7 +32,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -369,6 +369,9 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Folders</h3> <h3 class="box-title">Folders</h3>
<div class='box-tools'>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
</div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
@ -383,6 +386,9 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Labels</h3> <h3 class="box-title">Labels</h3>
<div class='box-tools'>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
</div>
</div><!-- /.box-header --> </div><!-- /.box-header -->
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
@ -446,13 +452,13 @@
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->

@ -29,7 +29,7 @@
</head> </head>
<body class="skin-blue sidebar-mini"> <body class="skin-blue sidebar-mini">
<div class="wrapper"> <div class="wrapper">
<header class="main-header"> <header class="main-header">
<!-- Logo --> <!-- Logo -->
<a href="../../index2.html" class="logo"> <a href="../../index2.html" class="logo">
@ -366,6 +366,9 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Folders</h3> <h3 class="box-title">Folders</h3>
<div class='box-tools'>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
</div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
@ -380,6 +383,9 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Labels</h3> <h3 class="box-title">Labels</h3>
<div class='box-tools'>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
</div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
@ -576,13 +582,13 @@
</div> </div>
<strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved. <strong>Copyright &copy; 2014-2015 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights reserved.
</footer> </footer>
<!-- Control Sidebar --> <!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark"> <aside class="control-sidebar control-sidebar-dark">
<!-- Create the tabs --> <!-- Create the tabs -->
<ul class="nav nav-tabs nav-justified control-sidebar-tabs"> <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li> <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li> <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
</ul> </ul>
<!-- Tab panes --> <!-- Tab panes -->
@ -788,7 +794,7 @@
//detect type //detect type
var $this = $(this).find("a > i"); var $this = $(this).find("a > i");
var glyph = $this.hasClass("glyphicon"); var glyph = $this.hasClass("glyphicon");
var fa = $this.hasClass("fa"); var fa = $this.hasClass("fa");
//Switch states //Switch states
if (glyph) { if (glyph) {

@ -365,6 +365,9 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Folders</h3> <h3 class="box-title">Folders</h3>
<div class='box-tools'>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
</div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">
@ -379,6 +382,9 @@
<div class="box box-solid"> <div class="box box-solid">
<div class="box-header with-border"> <div class="box-header with-border">
<h3 class="box-title">Labels</h3> <h3 class="box-title">Labels</h3>
<div class='box-tools'>
<button class='btn btn-box-tool' data-widget='collapse'><i class='fa fa-minus'></i></button>
</div>
</div> </div>
<div class="box-body no-padding"> <div class="box-body no-padding">
<ul class="nav nav-pills nav-stacked"> <ul class="nav nav-pills nav-stacked">

Loading…
Cancel
Save