Merge branch 'main' into implement-theme-ui

CivicTechTO · Oct 16, 2024 · cf75781 · cf75781
2 parents d021613 + 498b791
commit cf75781
Showing 1 changed file with 18 additions and 4 deletions.
diff --git a/stories/compdem/client-participation/CivicTechTO/SelectionWidgetV2.stories.js b/stories/compdem/client-participation/CivicTechTO/SelectionWidgetV2.stories.js
@@ -84,13 +84,27 @@ export default {
   }
 }
 
+const StickToBottom = ({ children }) => (
+  <div style={{
+    position: "fixed",
+    width: "100%",
+    bottom: 0,
+    left: 0,
+  }}>
+    <div style={{
+      // Match storybook viewport margin.
+      margin: 16,
+    }}>
+      {children}
+    </div>
+  </div>
+)
+
 const Template = (args) => {
   // TODO: Figure out how to make this sticky at the bottom
-  return <div style={{
-    maxWidth: "608px",
-  }}>
+  return <StickToBottom>
     <SelectionWidgetV2 {...args} />
-  </div>
+  </StickToBottom>
 }
 
 export const Interactive = Template.bind({})