From fe4afd47955705bb377583649cb53e2cf4508493 Mon Sep 17 00:00:00 2001
From: talio <tali.orenbach@amdocs.com>
Date: Sun, 14 Apr 2019 15:37:20 +0300
Subject: Declare properties as policies

Change-Id: I54dc7b444e08117097c314cf5f51bd356ac5287d
Issue-ID: SDC-2240
Signed-off-by: talio <tali.orenbach@amdocs.com>
---
 .../policies-table/policies-table.component.less   | 169 +++++++++++++++++++++
 1 file changed, 169 insertions(+)
 create mode 100644 catalog-ui/src/app/ng2/components/logic/policies-table/policies-table.component.less

(limited to 'catalog-ui/src/app/ng2/components/logic/policies-table/policies-table.component.less')

diff --git a/catalog-ui/src/app/ng2/components/logic/policies-table/policies-table.component.less b/catalog-ui/src/app/ng2/components/logic/policies-table/policies-table.component.less
new file mode 100644
index 0000000000..57a69a3aa1
--- /dev/null
+++ b/catalog-ui/src/app/ng2/components/logic/policies-table/policies-table.component.less
@@ -0,0 +1,169 @@
+
+@import './../../../../../assets/styles/variables.less';
+
+:host /deep/ input { width:100%;}
+
+.properties-table {
+    display:flex;
+    flex-direction:column;
+    flex: 1;
+    height:100%;
+    text-align:left;
+
+    .inner-cell-div{
+        max-width: 100%;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        height: 20px;
+    }
+
+
+    .table-header {
+        font-weight:bold;
+        border-top: @main_color_o solid 1px;
+        background-color: @tlv_color_u;
+        color:@func_color_s;
+
+        .table-cell {
+            font-size: 13px;
+            .table-header-sort-arrow {
+                display: inline-block;
+                background-color: transparent;
+                border: none;
+                color: #AAA;
+                margin: 8px 0 0 5px;
+                &.up {
+                    border-left: 5px solid transparent;
+                    border-right: 5px solid transparent;
+                    border-bottom: 5px solid;
+                }
+                &.down {
+                    border-left: 5px solid transparent;
+                    border-right: 5px solid transparent;
+                    border-top: 5px solid;
+                }
+            }
+        }
+    }
+    .table-header, .table-row {
+        display: flex;
+        flex-direction:row;
+        flex: 0 0 auto;
+    }
+
+    .table-body {
+        display:flex;
+        flex-direction: column;
+        overflow-y:auto;
+        flex: 1;
+
+        .no-data {
+            border: @main_color_o solid 1px;
+            border-top:none;
+            text-align: center;
+            height: 100%;
+            padding: 20px;
+        }
+        /deep/.selected{
+            background-color: @tlv_color_v;
+            color: @main_color_a;
+        }
+    }
+
+    .table-row {
+        &:hover {
+             background-color:@tlv_color_t; cursor:pointer;
+        }
+
+        &:last-child {
+            flex: 1 0 auto;
+        }
+        .selected-row {
+            background-color:@tlv_color_v;
+        }
+    }
+
+     .table-cell {
+        font-size:13px;
+        flex:1;
+        border: @main_color_o solid 1px;
+        border-right:none;
+        border-top:none;
+        padding: 10px;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+
+
+        &:last-child {
+            border-right:@main_color_o solid 1px;
+        }
+        &.col1 {
+            flex: 1 0 130px;
+            max-width:130px;
+
+            justify-content: space-between;
+
+            .policy-name {
+                flex: 1;
+            }
+
+            //.policy-description-icon {
+            //    float: right;
+            //    margin-top: 4px;
+            //    margin-left: 5px;
+            //    flex: 0 0 auto;
+            //}
+        }
+        &.col2 {
+            flex: 0 0 140px;
+            max-width:140px;
+        }
+
+        &.col3 {
+            flex:0 0 120px;
+            max-width:120px;
+        }
+
+        &.valueCol {
+             .value-input {
+                flex: 1;
+                border: none;
+                background-color: inherit;
+
+                &:focus, &:active {
+                    border:none;
+                    outline:none;
+                }
+            }
+
+            .delete-btn {
+                flex: 0 0 auto;
+            }
+
+            .delete-button-container {
+                max-height: 24px;
+            }
+
+            &.inner-table-container {
+                padding: 0px;
+
+                .delete-button-container {
+                    padding: 0 8px 0 0 ;
+                }
+            }
+        }
+
+         &.input-value-col {
+             padding: 8px;
+         }
+
+
+    }
+
+    .filtered {
+        /deep/ .checkbox-label-content{
+            background-color: yellow;
+        }
+    }
+
+}
-- 
cgit 1.2.3-korg