refractor(breadcrumb): enhance breadcrumb (#129)

Enhance breadcrumb design and generation Fixes #106
2018-07-17 00:23:00 +05:30
parent 3c9d012e8c
commit 4a30432fa9
32 changed files with 227 additions and 69 deletions
@@ -0,0 +1,53 @@
+// td, th {
+//   text-align: center;
+// }
+// ngb-pagination {
+//   margin: 20px 0px;
+// }
+
+.mat-table {
+  width: 100%;
+}
+
+// .mat-form-field {
+//   width: 100%;
+// }
+
+.mobile-label {
+  display: none;
+}
+
+.inactive {
+  color: grey;
+}
+
+.active {
+  color: green;
+}
+
+// @media(max-width: 600px) {
+//   .mobile-label {
+//     width: 80px;
+//     display: inline-block;
+//         font-weight: bold;
+//   }
+
+//   .mat-header-row {
+//     display: none;
+//   }
+
+//   .mat-row {
+//     display: flex;
+//     flex-direction: column;
+//     align-items: start;
+//     padding: 68px 24px;
+//     min-height: 108px;
+//   }
+
+//   .mat-cell {
+//     flex: 1;
+//     display: flex;
+//     align-items: center;
+//     min-height: inherit;
+//   }
+// }