Browse Source

Add collapse option for labels and folders in mailbox

Abdullah Almsaeed 10 years ago
parent
commit
bd926b06ac
3 changed files with 25 additions and 7 deletions
  1. 9 3
      pages/mailbox/compose.html
  2. 10 4
      pages/mailbox/mailbox.html
  3. 6 0
      pages/mailbox/read-mail.html

+ 9 - 3
pages/mailbox/compose.html

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

+ 10 - 4
pages/mailbox/mailbox.html

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

+ 6 - 0
pages/mailbox/read-mail.html

@@ -365,6 +365,9 @@
               <div class="box box-solid">
                 <div class="box-header with-border">
                   <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 class="box-body no-padding">
                   <ul class="nav nav-pills nav-stacked">
@@ -379,6 +382,9 @@
               <div class="box box-solid">
                 <div class="box-header with-border">
                   <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 class="box-body no-padding">
                   <ul class="nav nav-pills nav-stacked">