fixup! Docs(web-react): Add ScrollView demo #DS-906

lmc-eu · Sep 19, 2023 · 80dba70 · 80dba70
1 parent 01f583a
commit 80dba70
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/packages/web-react/src/components/ScrollView/demo/ScrollViewHorizontalBreakout.tsx b/packages/web-react/src/components/ScrollView/demo/ScrollViewHorizontalBreakout.tsx
@@ -5,7 +5,7 @@ import ScrollView from '../ScrollView';
 
 const ScrollViewHorizontalBreakout = () => (
   <div className="breakout-container">
-    <ScrollView direction="horizontal" data-spirit-toggle="scrollView">
+    <ScrollView direction="horizontal">
       <Grid cols={4} UNSAFE_className="mb-700" UNSAFE_style={{ paddingInline: 'var(--container-padding-inline)' }}>
         {[1, 2, 3, 4].map((i) => (
           <DocsBox key={i} size="small" UNSAFE_style={{ width: '20rem', aspectRatio: '2/1' }}>

diff --git a/packages/web-react/src/components/ScrollView/demo/ScrollViewOverflowDecorators.tsx b/packages/web-react/src/components/ScrollView/demo/ScrollViewOverflowDecorators.tsx
@@ -4,8 +4,6 @@ import { VERTICAL_CONTENT, HORIZONTAL_CONTENT } from './scrollViewContent';
 
 const ScrollViewOverflowDecorators = () => (
   <>
-    <h3>Borders</h3>
-
     <div className="mb-1000" style={{ height: '160px' }}>
       <ScrollView overflowDecorators="borders">
         <p>{VERTICAL_CONTENT}</p>
@@ -18,8 +16,6 @@ const ScrollViewOverflowDecorators = () => (
       </p>
     </ScrollView>
 
-    <h3>Borders and Shadows</h3>
-
     <div className="mb-1000" style={{ height: '160px' }}>
       <ScrollView overflowDecorators="both">
         <p>{VERTICAL_CONTENT}</p>

diff --git a/packages/web-react/src/components/ScrollView/demo/index.tsx b/packages/web-react/src/components/ScrollView/demo/index.tsx
@@ -15,10 +15,10 @@ ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
     <DocsSection title="Horizontal Scrolling">
       <ScrollViewHorizontal />
     </DocsSection>
-    <DocsSection title="Horizontal Scrolling with Container Breakout">
+    <DocsSection title="Horizontal Scrolling with Container Breakout" hasStack={false}>
       <ScrollViewHorizontalBreakout />
     </DocsSection>
-    <DocsSection title="Scrolling Overflow Decorators">
+    <DocsSection title="Overflow Decorators">
       <ScrollViewOverflowDecorators />
     </DocsSection>
     <DocsSection title="Hidden Scrollbar">