fix(ui): floating param/gallery buttons

psychedelicious · hipsterusername · commit 579d436934f0 · 2024-05-02T23:09:26.000-04:00
diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx
@@ -17,7 +17,7 @@ const FloatingGalleryButton = (props: Props) => {
 
   return (
     <Portal>
-      <Flex pos="absolute" transform="translate(0, -50%)" minW={8} top="50%" insetInlineEnd="21px">
+      <Flex pos="absolute" transform="translate(0, -50%)" minW={8} top="50%" insetInlineEnd="21px" zIndex={11}>
         <Tooltip label={t('accessibility.showGalleryPanel')} placement="start">
           <IconButton
             aria-label={t('accessibility.showGalleryPanel')}
diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
@@ -53,6 +53,7 @@ const FloatingSidePanelButtons = (props: Props) => {
         direction="column"
         gap={2}
         h={48}
+        zIndex={11}
       >
         <ButtonGroup orientation="vertical" flexGrow={3}>
           <IconButton

Original file line number	Diff line number	Diff line change
`@@ -53,6 +53,7 @@ const FloatingSidePanelButtons = (props: Props) => {`
`53`	`53`	`direction="column"`
`54`	`54`	`gap={2}`
`55`	`55`	`h={48}`
	`56`	`+ zIndex={11}`
`56`	`57`	`>`
`57`	`58`	`<ButtonGroup orientation="vertical" flexGrow={3}>`
`58`	`59`	`<IconButton`