fix(protocol-designer): flexDirection only change in deck setup'

Opentrons · Nov 18, 2024 · efb2e2a · efb2e2a
1 parent a5a7ee7
commit efb2e2a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/protocol-designer/src/organisms/SlotInformation/index.tsx b/protocol-designer/src/organisms/SlotInformation/index.tsx
@@ -76,7 +76,10 @@ export const SlotInformation: FC<SlotInformationProps> = ({
         {liquids.length > 1 ? (
           <ListItem type="noActive" width="max-content">
             <ListItemDescriptor
-              changeFlexDirection={breakPointSize === 'medium'}
+              changeFlexDirection={
+                breakPointSize === 'medium' &&
+                pathLocation.pathname === '/designer'
+              }
               type="default"
               content={
                 <StyledText
@@ -147,11 +150,14 @@ interface StackInfoProps {
 function StackInfo({ title, stackInformation }: StackInfoProps): JSX.Element {
   const { t } = useTranslation('shared')
   const breakPointSize = useDeckSetupWindowBreakPoint()
+  const pathLocation = useLocation()
 
   return (
     <ListItem type="noActive">
       <ListItemDescriptor
-        changeFlexDirection={breakPointSize === 'medium'}
+        changeFlexDirection={
+          breakPointSize === 'medium' && pathLocation.pathname === '/designer'
+        }
         type="default"
         content={
           <StyledText