Added deprecated mailbox notice

build/less/mailbox.less

@@ -2,63 +2,6 @@
  * Page: Mailbox
  * -------------
  */
-.mailbox {
-  .table-mailbox {
-    border-left: 1px solid @box-border-color;
-    border-right: 1px solid @box-border-color;
-    border-bottom: 1px solid @box-border-color;        
-    tr {
-      &.unread {
-        > td {                    
-          background-color: rgba(0, 0, 0, 0.05);
-          color: #000;
-          font-weight: 600;                    
-        }                
-      }
-      > td > .fa.fa-star,
-      > td > .fa.fa-star-o,
-      > td > .glyphicon.glyphicon-star,
-      > td > .glyphicon.glyphicon-star-empty{
-        color: @yellow;   
-        cursor: pointer;
-      }
-
-      > td.small-col {
-        width: 30px;
-      }
-
-      > td.name {
-        width: 150px;
-        font-weight: 600;
-      }
-      > td.time {
-        text-align: right;
-        width: 100px;                
-      }
-      > td {
-        white-space: nowrap;                
-      }
-
-      & > td > a {color: #444;}
-    }
-  }
-
-  @media (max-width: @screen-sm-max) {
-    .nav-stacked {
-      > li:not(.header) {
-        float: left;
-        width: 50%;
-        &.header {
-          border: 0!important;
-        }
-      }
-    }
-
-    .search-form {
-      margin-top: 10px;
-    }
-  }
-}
 .mailbox-messages {
   > .table {
     margin: 0;
@@ -131,4 +74,63 @@
 }
 .mailbox-attachment-close {
   &:extend(.close);
+}
+
+// ``` These are the rules of the old mailbox, which is now deprecated and will be removed in the a future release ```
+.mailbox {
+  .table-mailbox {
+    border-left: 1px solid @box-border-color;
+    border-right: 1px solid @box-border-color;
+    border-bottom: 1px solid @box-border-color;        
+    tr {
+      &.unread {
+        > td {                    
+          background-color: rgba(0, 0, 0, 0.05);
+          color: #000;
+          font-weight: 600;                    
+        }                
+      }
+      > td > .fa.fa-star,
+      > td > .fa.fa-star-o,
+      > td > .glyphicon.glyphicon-star,
+      > td > .glyphicon.glyphicon-star-empty{
+        color: @yellow;   
+        cursor: pointer;
+      }
+
+      > td.small-col {
+        width: 30px;
+      }
+
+      > td.name {
+        width: 150px;
+        font-weight: 600;
+      }
+      > td.time {
+        text-align: right;
+        width: 100px;                
+      }
+      > td {
+        white-space: nowrap;                
+      }
+
+      & > td > a {color: #444;}
+    }
+  }
+
+  @media (max-width: @screen-sm-max) {
+    .nav-stacked {
+      > li:not(.header) {
+        float: left;
+        width: 50%;
+        &.header {
+          border: 0!important;
+        }
+      }
+    }
+
+    .search-form {
+      margin-top: 10px;
+    }
+  }
 }

dist/css/AdminLTE.css

@@ -2550,52 +2550,6 @@ table.text-center th {
  * Page: Mailbox
  * -------------
  */
-.mailbox .table-mailbox {
-  border-left: 1px solid #f4f4f4;
-  border-right: 1px solid #f4f4f4;
-  border-bottom: 1px solid #f4f4f4;
-}
-.mailbox .table-mailbox tr.unread > td {
-  background-color: rgba(0, 0, 0, 0.05);
-  color: #000;
-  font-weight: 600;
-}
-.mailbox .table-mailbox tr > td > .fa.fa-star,
-.mailbox .table-mailbox tr > td > .fa.fa-star-o,
-.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
-.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
-  color: #f39c12;
-  cursor: pointer;
-}
-.mailbox .table-mailbox tr > td.small-col {
-  width: 30px;
-}
-.mailbox .table-mailbox tr > td.name {
-  width: 150px;
-  font-weight: 600;
-}
-.mailbox .table-mailbox tr > td.time {
-  text-align: right;
-  width: 100px;
-}
-.mailbox .table-mailbox tr > td {
-  white-space: nowrap;
-}
-.mailbox .table-mailbox tr > td > a {
-  color: #444;
-}
-@media (max-width: 991px) {
-  .mailbox .nav-stacked > li:not(.header) {
-    float: left;
-    width: 50%;
-  }
-  .mailbox .nav-stacked > li:not(.header).header {
-    border: 0!important;
-  }
-  .mailbox .search-form {
-    margin-top: 10px;
-  }
-}
 .mailbox-messages > .table {
   margin: 0;
 }
@@ -2661,6 +2615,52 @@ table.text-center th {
   max-width: 100%;
   height: auto;
 }
+.mailbox .table-mailbox {
+  border-left: 1px solid #f4f4f4;
+  border-right: 1px solid #f4f4f4;
+  border-bottom: 1px solid #f4f4f4;
+}
+.mailbox .table-mailbox tr.unread > td {
+  background-color: rgba(0, 0, 0, 0.05);
+  color: #000;
+  font-weight: 600;
+}
+.mailbox .table-mailbox tr > td > .fa.fa-star,
+.mailbox .table-mailbox tr > td > .fa.fa-star-o,
+.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star,
+.mailbox .table-mailbox tr > td > .glyphicon.glyphicon-star-empty {
+  color: #f39c12;
+  cursor: pointer;
+}
+.mailbox .table-mailbox tr > td.small-col {
+  width: 30px;
+}
+.mailbox .table-mailbox tr > td.name {
+  width: 150px;
+  font-weight: 600;
+}
+.mailbox .table-mailbox tr > td.time {
+  text-align: right;
+  width: 100px;
+}
+.mailbox .table-mailbox tr > td {
+  white-space: nowrap;
+}
+.mailbox .table-mailbox tr > td > a {
+  color: #444;
+}
+@media (max-width: 991px) {
+  .mailbox .nav-stacked > li:not(.header) {
+    float: left;
+    width: 50%;
+  }
+  .mailbox .nav-stacked > li:not(.header).header {
+    border: 0!important;
+  }
+  .mailbox .search-form {
+    margin-top: 10px;
+  }
+}
 /*
  * Page: Lock Screen
  * -----------------