Merge pull request #35 from CybercentreCanada/hotfix/drawer_head

Hotfix/drawer head
CybercentreCanada · Mar 23, 2021 · a7bc1f9 · a7bc1f9
2 parents e08df70 + 742e553
commit a7bc1f9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/components/routes/alerts/alert-details.tsx b/src/components/routes/alerts/alert-details.tsx
@@ -6,7 +6,7 @@ import VerifiedUserOutlinedIcon from '@material-ui/icons/VerifiedUserOutlined';
 import { Skeleton } from '@material-ui/lab';
 import Alert from '@material-ui/lab/Alert';
 import useClipboard from 'commons/components/hooks/useClipboard';
-import PageCenter from 'commons/components/layout/pages/PageCenter';
+import PageFullWidth from 'commons/components/layout/pages/PageFullWidth';
 import useALContext from 'components/hooks/useALContext';
 import useMyAPI from 'components/hooks/useMyAPI';
 import { AlertItem } from 'components/routes/alerts/hooks/useAlerts';
@@ -89,7 +89,7 @@ const AlertDetails: React.FC<AlertDetailsProps> = ({ id, alert }) => {
   }, [item]);
 
   return (
-    <PageCenter margin={!alert ? 4 : 1} width="100%">
+    <PageFullWidth margin={!alert ? 4 : 1}>
       {c12nDef.enforce && (
         <div style={{ display: 'flex', alignItems: 'center', marginBottom: theme.spacing(2) }}>
           <div style={{ flex: 1 }}>
@@ -525,7 +525,7 @@ const AlertDetails: React.FC<AlertDetailsProps> = ({ id, alert }) => {
           </div>
         ) : null}
       </div>
-    </PageCenter>
+    </PageFullWidth>
   );
 };
 

diff --git a/src/components/routes/alerts/alerts.tsx b/src/components/routes/alerts/alerts.tsx
@@ -212,7 +212,7 @@ const Alerts: React.FC = () => {
                 marginRight: theme.spacing(-1),
                 position: 'sticky',
                 top: theme.spacing(1),
-                zIndex: 1
+                zIndex: 10
               }}
             >
               <ListNavigator id={ALERT_SIMPLELIST_ID} />

diff --git a/src/components/visual/DrawerProvider.tsx b/src/components/visual/DrawerProvider.tsx
@@ -115,7 +115,7 @@ function DrawerProvider(props: DrawerProviderProps) {
                     padding: theme.spacing(1),
                     position: 'sticky',
                     top: 0,
-                    zIndex: 1
+                    zIndex: 5
                   }}
                 >
                   <IconButton onClick={closeGlobalDrawer}>