wip expanding row for more details for attributes.

see https://stackblitz.com/angular/eaajjobynjkl?file=src%2Fapp%2Ftable-expandable-rows-example.html see https://material.angular.io/components/table/examples#table-expandable-rows
2022-06-06 22:59:02 -07:00
parent 892e9685f3
commit cbd230a7e0
3 changed files with 66 additions and 3 deletions
@@ -1,7 +1,6 @@
@import 'treo';

 detail {
-
 }

 // -----------------------------------------------------------------------------------------------------
@@ -20,5 +19,35 @@ detail {
    }


-
+}
+
+//table {
+//    width: 100%;
+//}
+
+$primary: map-get($theme, primary);
+$is-dark: map-get($theme, is-dark);
+tr.attribute-detail-row {
+    height: 0;
+}
+
+tr.attribute-row:not(.attribute-expanded-row):hover {
+    @if ($is-dark) {
+        background: rgba(0, 0, 0, 0.05);
+    } @else {
+        background: map-get($primary, 50);
+    }
+}
+
+tr.attribute-row:not(.attribute-expanded-row):active {
+    background: #efefef;
+}
+
+.attribute-row td {
+    border-bottom-width: 0;
+}
+
+.attribute-detail {
+    overflow: hidden;
+    display: flex;
 }