INTLY-4337: Updated the font color for the component names on Service…

…s tab (#532) * INTLY-4337: Updated the color of the font for app name * Updated version. * Fixed linting error.
integr8ly · Dec 5, 2019 · 8d9c670 · 8d9c670
1 parent 7cd4833
commit 8d9c670
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "integreatly-web-app",
-  "version": "2.20.2",
+  "version": "2.20.3",
   "private": true,
   "proxy": "http://localhost:5001/",
   "dependencies": {

diff --git a/src/components/installedAppsView/InstalledAppsView.js b/src/components/installedAppsView/InstalledAppsView.js
@@ -142,7 +142,9 @@ class InstalledAppsView extends React.Component {
                   </Expandable>
                 </DataListCell>,
                 <DataListCell key="primary content">
-                  <span id="Red Hat OpenShift">Red Hat OpenShift</span>
+                  <span className="integr8ly-pretty-name" id="Red Hat OpenShift">
+                    Red Hat OpenShift
+                  </span>
                 </DataListCell>,
                 <DataListCell
                   key="cell one"
@@ -310,7 +312,7 @@ class InstalledAppsView extends React.Component {
                       </span>
                     </DataListCell>,
                     <DataListCell key="primary content">
-                      <span id={`appName-${prettyName}`}>
+                      <span className="integr8ly-pretty-name" id={`appName-${prettyName}`}>
                         {' '}
                         {prettyName}{' '}
                         {gaStatus && (gaStatus === 'preview' || gaStatus === 'community') ? (

diff --git a/src/styles/application/components/_installedAppsView.scss b/src/styles/application/components/_installedAppsView.scss
@@ -46,3 +46,7 @@
 .integr8ly-panel-title {
   background-color: $pf-color-white !important; /* stylelint-disable-line declaration-no-important */
 }
+
+.integr8ly-pretty-name {
+  color: var(--pf-global--Color--200);
+}