aboutsummaryrefslogtreecommitdiffstats
path: root/catalog-ui/src/assets/styles/table-style.less
diff options
context:
space:
mode:
authorys9693 <ys9693@att.com>2020-01-19 13:50:02 +0200
committerOfir Sonsino <ofir.sonsino@intl.att.com>2020-01-22 12:33:31 +0000
commit16a9fce0e104a38371a9e5a567ec611ae3fc7f33 (patch)
tree03a2aff3060ddb5bc26a90115805a04becbaffc9 /catalog-ui/src/assets/styles/table-style.less
parentaa83a2da4f911c3ac89318b8e9e8403b072942e1 (diff)
Catalog alignment
Issue-ID: SDC-2724 Signed-off-by: ys9693 <ys9693@att.com> Change-Id: I52b4aacb58cbd432ca0e1ff7ff1f7dd52099c6fe
Diffstat (limited to 'catalog-ui/src/assets/styles/table-style.less')
-rw-r--r--catalog-ui/src/assets/styles/table-style.less89
1 files changed, 89 insertions, 0 deletions
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