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

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

diff --git a/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tabs.less b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tabs.less
new file mode 100644
index 0000000000..b3c03f85c5
--- /dev/null
+++ b/catalog-ui/src/app/ng2/pages/composition/panel/panel-tabs/panel-tabs.less
@@ -0,0 +1,65 @@
+@import '../../../../../../assets/styles/variables';
+@import '../../../../../../assets/styles/override';
+
+
+// ---------------------------------------------------------------------------------------------------
+///* override sdc-ui library tabs */
+// ---------------------------------------------------------------------------------------------------
+
+
+:host ::ng-deep .sdc-tabs {
+
+    .sdc-tabs-list {
+        display: flex;
+        border-bottom: 1px solid @sdcui_color_silver;
+        min-height: min-content;
+    }
+    .sdc-tab {
+        background-color: @sdcui_color_white;
+        border: 1px solid @sdcui_color_silver;
+        border-left: none;
+        border-bottom: none;
+        height: 36px;
+        width: 60px;
+        display: flex;
+        align-content: center;
+        justify-content: center;
+        cursor: pointer;
+        padding: 0;
+        margin: 0;
+
+
+        &.sdc-tab-active {
+            background-color: @sdcui_color_silver;
+            border-bottom: none;
+        }
+        &[disabled] {
+            opacity: 0.3;
+            cursor: default;
+        }
+    }
+    &.sdc-tabs-header {
+        .sdc-tab {
+            font-size: 24px;
+        }
+    }
+    &.sdc-tabs-menu {
+        .sdc-tab {
+            font-size: 14px;
+            padding: 0px 10px 4px 10px;          
+        }
+    }
+    .sdc-tab-content {
+        margin-top: 0;
+        flex:1;
+        overflow-y:auto;
+    }
+}
+
+
+:host ::ng-deep .expand-collapse-title {
+    margin-top: 1px;
+    background-color: #eaeaea;
+    color: #5a5a5a;
+    font-family: OpenSans-Semibold, sans-serif;
+}
-- 
cgit 1.2.3-korg