Merge pull request #1239 from scheduleonce/avengers/ONCEHUB-84773-qa

Fix: [PROD] Tabs ui design-shared oui component- fix the text color of the not selected - ONCEHUB-84773
scheduleonce · Jul 16, 2024 · b31a4a2 · b31a4a2
2 parents 83d26d0 + 441c979
commit b31a4a2
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "oncehub-ui",
-  "version": "8.0.25",
+  "version": "8.0.26",
   "scripts": {
     "ng": "ng",
     "build": "ng build ui",

diff --git a/ui/package-lock.json b/ui/package-lock.json
diff --git a/ui/package.json b/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@oncehub/ui",
-  "version": "8.0.25",
+  "version": "8.0.26",
   "description": "Oncehub UI",
   "peerDependencies": {},
   "repository": {

diff --git a/ui/src/components/tabs/tab-nav-bar/tab-link.scss b/ui/src/components/tabs/tab-nav-bar/tab-link.scss
@@ -39,6 +39,17 @@
       border: 1px solid #006bb1 !important;
       border-bottom: 0 !important;
     }
+    &.active {
+      .mdc-tab__content .mdc-tab__text-label {
+        color: #333;
+      }
+    }
+    &:first-child {
+      margin-left: 0;
+    }
+    &:last-child {
+      margin-right: 0;
+    }
   }
   .mdc-tab-indicator {
     display: flex;
@@ -71,7 +82,7 @@
       font-size: 16px;
       line-height: 22px;
       font-weight: 600;
-      color: #333;
+      color: #666;
       display: inline-flex;
       align-items: center;
     }