fixes inconsistent fonts on step 1 and step 2 of baremetal wizard

Signed-off-by: Jayashree-panda <jayashreepanda12345@gmail.com>
openshift · Feb 9, 2021 · 002a2f6 · 002a2f6
1 parent 2f6e7e6
commit 002a2f6
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/...al-storage-operator-plugin/src/components/auto-detect-volume/auto-detect-volume-inner.tsx b/...al-storage-operator-plugin/src/components/auto-detect-volume/auto-detect-volume-inner.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
-import { FormGroup, Radio } from '@patternfly/react-core';
+import { FormGroup, Radio, Text, TextContent, TextVariants } from '@patternfly/react-core';
 import { ListPage } from '@console/internal/components/factory';
 import { NodeKind } from '@console/internal/module/k8s';
 import { useK8sWatchResource } from '@console/internal/components/utils/k8s-watch-hook';
@@ -106,7 +106,11 @@ export const AutoDetectVolumeHeader = () => {
 
   return (
     <>
-      <h1 className="co-create-operand__header-text">{t('lso-plugin~Auto Detect Volume')}</h1>
+      <TextContent>
+        <Text component={TextVariants.h3} className="ocs-install-wizard__h3">
+          {t('lso-plugin~Auto Detect Volume')}
+        </Text>
+      </TextContent>
       <p className="help-block">
         {t('lso-plugin~Allows you to discover the available disks on all available nodes')}
       </p>

diff --git a/.../local-storage-operator-plugin/src/components/local-volume-set/local-volume-set-inner.tsx b/.../local-storage-operator-plugin/src/components/local-volume-set/local-volume-set-inner.tsx
@@ -7,6 +7,7 @@ import {
   ExpandableSection,
   TextInputTypes,
   Text,
+  TextContent,
   TextVariants,
   Tooltip,
 } from '@patternfly/react-core';
@@ -312,7 +313,11 @@ export const LocalVolumeSetHeader = () => {
 
   return (
     <>
-      <h1 className="co-create-operand__header-text">{t('lso-plugin~Local Volume Set')}</h1>
+      <TextContent>
+        <Text component={TextVariants.h3} className="ocs-install-wizard__h3">
+          {t('lso-plugin~Local Volume Set')}
+        </Text>
+      </TextContent>
       <p className="help-block">
         {t(
           'lso-plugin~A Local Volume Set allows you to filter a set of storage volumes group them and create a dedicated storage class to consume storage for them.',