Fixed background color of drawer

https://issues.redhat.com/browse/COST-4184
project-koku · Sep 8, 2023 · d6ebf80 · d6ebf80
1 parent 1066b92
commit d6ebf80
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 16 deletions.
diff --git a/src/components/drawers/commonDrawer/commonDrawer.scss b/src/components/drawers/commonDrawer/commonDrawer.scss
diff --git a/src/components/drawers/commonDrawer/commonDrawer.tsx b/src/components/drawers/commonDrawer/commonDrawer.tsx
@@ -1,6 +1,4 @@
-import './commonDrawer.scss';
-
-import { Drawer, DrawerContent, DrawerContentBody } from '@patternfly/react-core';
+import { Drawer, DrawerContent } from '@patternfly/react-core';
 import { ExportsDrawer } from 'components/drawers';
 import { OptimizationsDrawer } from 'components/drawers';
 import React from 'react';
@@ -56,8 +54,8 @@ class CommonDrawerBase extends React.Component<CommonDrawerProps> {
     // https://github.com/redhat-developer/rhosak-ui/blob/main/packages/ui/src/components/KafkaInstanceDrawer/KafkaInstanceDrawer.tsx#L69-L78
     return (
       <Drawer className="drawerOverride" isExpanded={isExpanded} onExpand={this.handleExpand}>
-        <DrawerContent panelContent={this.getPanelContent()}>
-          <DrawerContentBody className="pf-u-display-flex pf-u-flex-direction-column">{children}</DrawerContentBody>
+        <DrawerContent colorVariant="light-200" panelContent={this.getPanelContent()}>
+          {children}
         </DrawerContent>
       </Drawer>
     );

diff --git a/src/routes/optimizations/optimizations.tsx b/src/routes/optimizations/optimizations.tsx
@@ -168,7 +168,7 @@ const Optimizations: React.FC<OptimizationsProps> = () => {
   return (
     <div style={styles.container}>
       <OptimizationsHeader />
-      <PageSection>
+      <PageSection isFilled>
         {getToolbar()}
         {reportFetchStatus === FetchStatus.inProgress ? (
           <Loading