Skip to content

Commit f7228e2

Browse files
aeagleaeagle
committed
Add touch handle size to all resizable stories
1 parent 3570e00 commit f7228e2

File tree

4 files changed

+16
-16
lines changed

4 files changed

+16
-16
lines changed

‎src/components/stories/02-components/BottomResizable.stories.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Anchored resizable space on the bottom edge of it's parent.
1818
<Canvas>
1919
<Story name="Default (%)">
2020
<ViewPort>
21-
<BottomResizable style={green} size="50%" trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
21+
<BottomResizable style={green} size="50%" touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
2222
{description("Bottom resizable")}
2323
</BottomResizable>
2424
</ViewPort>
@@ -30,7 +30,7 @@ Anchored resizable space on the bottom edge of it's parent.
3030
<Canvas>
3131
<Story name="Default (px)">
3232
<ViewPort>
33-
<BottomResizable style={green} size={300} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
33+
<BottomResizable style={green} size={300} touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
3434
{description("Bottom resizable")}
3535
</BottomResizable>
3636
</ViewPort>
@@ -42,7 +42,7 @@ Anchored resizable space on the bottom edge of it's parent.
4242
<Canvas>
4343
<Story name="With resize constraints">
4444
<ViewPort>
45-
<BottomResizable style={green} size={300} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
45+
<BottomResizable style={green} size={300} touchHandleSize={20} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
4646
{description("Bottom resizable")}
4747
</BottomResizable>
4848
</ViewPort>
@@ -54,7 +54,7 @@ Anchored resizable space on the bottom edge of it's parent.
5454
<Canvas>
5555
<Story name="Scrollable">
5656
<ViewPort>
57-
<BottomResizable style={green} size={300} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
57+
<BottomResizable style={green} size={300} touchHandleSize={20} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
5858
{lorem}
5959
</BottomResizable>
6060
</ViewPort>

‎src/components/stories/02-components/LeftResizable.stories.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Anchored resizable space on the left edge of it's parent.
1818
<Canvas>
1919
<Story name="Default (%)">
2020
<ViewPort>
21-
<LeftResizable style={green} size="50%" trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
21+
<LeftResizable style={green} size="50%" touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
2222
{description("Left resizable")}
2323
</LeftResizable>
2424
</ViewPort>
@@ -30,7 +30,7 @@ Anchored resizable space on the left edge of it's parent.
3030
<Canvas>
3131
<Story name="Default (px)">
3232
<ViewPort>
33-
<LeftResizable style={green} size={300} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
33+
<LeftResizable style={green} size={300} touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
3434
{description("Left resizable")}
3535
</LeftResizable>
3636
</ViewPort>
@@ -42,7 +42,7 @@ Anchored resizable space on the left edge of it's parent.
4242
<Canvas>
4343
<Story name="With resize constraints">
4444
<ViewPort>
45-
<LeftResizable style={green} size={300} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
45+
<LeftResizable style={green} size={300} touchHandleSize={20} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
4646
{description("Left resizable")}
4747
</LeftResizable>
4848
</ViewPort>
@@ -54,7 +54,7 @@ Anchored resizable space on the left edge of it's parent.
5454
<Canvas>
5555
<Story name="Scrollable">
5656
<ViewPort>
57-
<LeftResizable style={green} size={300} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
57+
<LeftResizable style={green} size={300} touchHandleSize={20} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
5858
{lorem}
5959
</LeftResizable>
6060
</ViewPort>

‎src/components/stories/02-components/RightResizable.stories.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Anchored resizable space on the right edge of it's parent.
1818
<Canvas>
1919
<Story name="Default (%)">
2020
<ViewPort>
21-
<RightResizable style={green} size="50%" trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
21+
<RightResizable style={green} size="50%" touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
2222
{description("Right resizable")}
2323
</RightResizable>
2424
</ViewPort>
@@ -30,7 +30,7 @@ Anchored resizable space on the right edge of it's parent.
3030
<Canvas>
3131
<Story name="Default (px)">
3232
<ViewPort>
33-
<RightResizable style={green} size={300} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
33+
<RightResizable style={green} size={300} touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
3434
{description("Right resizable")}
3535
</RightResizable>
3636
</ViewPort>
@@ -42,7 +42,7 @@ Anchored resizable space on the right edge of it's parent.
4242
<Canvas>
4343
<Story name="With resize constraints">
4444
<ViewPort>
45-
<RightResizable style={green} size={300} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
45+
<RightResizable style={green} size={300} touchHandleSize={20} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
4646
{description("Right resizable")}
4747
</RightResizable>
4848
</ViewPort>
@@ -54,7 +54,7 @@ Anchored resizable space on the right edge of it's parent.
5454
<Canvas>
5555
<Story name="Scrollable">
5656
<ViewPort>
57-
<RightResizable style={green} size={300} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
57+
<RightResizable style={green} size={300} touchHandleSize={20} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
5858
{lorem}
5959
</RightResizable>
6060
</ViewPort>

‎src/components/stories/02-components/TopResizable.stories.mdx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ Anchored resizable space on the top edge of it's parent.
1818
<Canvas>
1919
<Story name="Default (%)">
2020
<ViewPort>
21-
<TopResizable style={green} size="50%" trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
21+
<TopResizable style={green} size="50%" touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
2222
{description("Top resizable")}
2323
</TopResizable>
2424
</ViewPort>
@@ -30,7 +30,7 @@ Anchored resizable space on the top edge of it's parent.
3030
<Canvas>
3131
<Story name="Default (px)">
3232
<ViewPort>
33-
<TopResizable style={green} size={300} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
33+
<TopResizable style={green} size={300} touchHandleSize={20} trackSize={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
3434
{description("Top resizable")}
3535
</TopResizable>
3636
</ViewPort>
@@ -42,7 +42,7 @@ Anchored resizable space on the top edge of it's parent.
4242
<Canvas>
4343
<Story name="With resize constraints">
4444
<ViewPort>
45-
<TopResizable style={green} size={300} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
45+
<TopResizable style={green} size={300} touchHandleSize={20} trackSize={true} minimumSize={150} maximumSize={450} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
4646
{description("Top resizable")}
4747
</TopResizable>
4848
</ViewPort>
@@ -54,7 +54,7 @@ Anchored resizable space on the top edge of it's parent.
5454
<Canvas>
5555
<Story name="Scrollable">
5656
<ViewPort>
57-
<TopResizable style={green} size={300} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
57+
<TopResizable style={green} size={300} touchHandleSize={20} scrollable={true} onResizeStart={action('onResizeStart')} onResizeEnd={action('onResizeEnd')}>
5858
{lorem}
5959
</TopResizable>
6060
</ViewPort>

0 commit comments

Comments
 (0)