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
---
 .../properties-tab/properties-tab.component.less   | 66 ++++++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/properties-tab/properties-tab.component.less

(limited to 'catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/properties-tab/properties-tab.component.less')

diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/properties-tab/properties-tab.component.less b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/properties-tab/properties-tab.component.less
new file mode 100644
index 0000000000..5cb0697da1
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/properties-tab/properties-tab.component.less
@@ -0,0 +1,66 @@
+.scroll-container {
+    display: flex;
+    overflow-y: auto;
+}
+
+.i-sdc-designer-sidebar-section-content-item-property-and-attribute {
+    color: #666666;
+    font-family: OpenSans-Semibold, sans-serif;
+    font-size: 14px;
+    border-bottom: 1px solid #cdcdcd;
+    min-height: 72px;
+    padding: 15px 10px 10px 18px;
+    // position: relative;
+    display:flex;
+
+    .property-details {
+        flex:1;
+    }
+
+    .property-buttons {
+        flex: 0 0 auto;
+        align-self: center;
+    }
+}
+
+.i-sdc-designer-sidebar-section-content-item-property-and-attribute-label {
+    display: block;
+    font-weight: bold;
+    &:hover {
+        color: #3b7b9b;
+    }
+}
+
+.i-sdc-designer-sidebar-section-content-item-property-and-attribute-label, .i-sdc-designer-sidebar-section-content-item-property-value {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 245px;
+    white-space: nowrap;
+    display: block;
+}
+
+
+
+/deep/ .expand-collapse-content {
+    max-height: max-content;
+    padding: 10px 0;
+
+    .sdc-accordion .sdc-accordion-header {
+        
+            background-color: #e6f6fb;
+            border-left: solid #009fdb 4px;
+            box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
+            margin-bottom: 2px;
+            width: auto;
+            height: auto;
+            padding: 10px;
+            color: #666666;
+            font-family: OpenSans-Semibold, sans-serif;
+            font-size: 14px;
+        
+    }
+
+    /deep/.sdc-accordion .sdc-accordion-body {
+        padding-left: 0;
+    }
+}
\ No newline at end of file
-- 
cgit 1.2.3-korg