From 16a9fce0e104a38371a9e5a567ec611ae3fc7f33 Mon Sep 17 00:00:00 2001
From: ys9693 <ys9693@att.com>
Date: Sun, 19 Jan 2020 13:50:02 +0200
Subject: Catalog alignment

Issue-ID: SDC-2724
Signed-off-by: ys9693 <ys9693@att.com>
Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe
---
 catalog-ui/src/assets/styles/table-style.less | 89 +++++++++++++++++++++++++++
 1 file changed, 89 insertions(+)
 create mode 100644 catalog-ui/src/assets/styles/table-style.less

(limited to 'catalog-ui/src/assets/styles/table-style.less')

diff --git a/catalog-ui/src/assets/styles/table-style.less b/catalog-ui/src/assets/styles/table-style.less
new file mode 100644
index 0000000000..fa61a669b0
--- /dev/null
+++ b/catalog-ui/src/assets/styles/table-style.less
@@ -0,0 +1,89 @@
+@import "./override";
+
+:host ::ng-deep {
+
+  .externalActionLabel {
+      color: @sdcui_color_blue;
+  }
+
+  .ngx-datatable {
+    border: 1px solid @sdcui_color_light-gray;
+    > div {
+      height: 100%;
+      min-height: 500px;
+      datatable-body {
+        height: calc(100% - 50px) !important;
+        overflow-y: auto;
+        overflow-x: hidden;
+        max-height: 500px;
+      }
+    }
+    //*********************************************
+
+    .datatable-header {
+      background-color: @sdcui_color_silver;
+      border-bottom: 1px solid @sdcui_color_light-gray;
+
+      .datatable-header-inner {
+        height: 100%;
+        align-items: center;
+
+        .datatable-header-cell {
+          box-sizing: border-box;
+          color: @sdcui_color_dark-gray;
+          border-right: 1px solid @sdcui_color_light-gray;
+          font-weight: bold;
+          text-align: center;
+          padding: 10px;
+
+          .datatable-icon-up {
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            border-bottom: 5px solid @sdcui_color_dark-gray;
+          }
+
+          .datatable-icon-down {
+            border-left: 5px solid transparent;
+            border-right: 5px solid transparent;
+            border-top: 5px solid @sdcui_color_dark-gray;
+          }
+        }
+      }
+    }
+
+    .datatable-body-cell {
+      padding: 5px 20px;
+      border-bottom: 1px solid @sdcui_color_light-gray;
+      border-right: 1px solid @sdcui_color_light-gray;
+      font-family: OpenSans-Regular, sans-serif;
+      font-size: 13px;
+      font-weight: normal;
+      .label {
+        font-family: OpenSans-Regular, sans-serif;
+        font-size: 13px;
+        color: @sdcui_color_gray;
+      }
+    }
+    .datatable-body-row:hover {
+      background-color: @sdcui_color_light-silver;
+    }
+
+  }
+  .datatable-row-detail {
+    padding: 10px 25px;
+    border-bottom: 1px solid @sdcui_color_light-gray;
+  }
+
+  .empty-row {
+    padding: 10px;
+  }
+
+}
+
+.expand-collapse-cell {
+  display: flex;
+  align-items: center;
+  .expand-collapse-icon {
+    padding-right: 10px;
+  }
+}
\ No newline at end of file
-- 
cgit 1.2.3-korg