mirror of
https://github.com/storybookjs/storybook.git
synced 2025-04-05 16:11:33 +08:00
FIX horizontal Resizer not displaying && FIX snapshot
This commit is contained in:
Norbert de Langen
parent
c122d1ed05
commit
03b5777417
@ -14,7 +14,7 @@ exports[`Storyshots Components|Layout addon panel in right 1`] = `
|
|||||||
style="flex:none;position:relative;outline:none;width:250px"
|
style="flex:none;position:relative;outline:none;width:250px"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-1kbxkw2"
|
class="css-7r9jvr"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-9in0fq"
|
class="css-9in0fq"
|
||||||
@ -25,20 +25,10 @@ exports[`Storyshots Components|Layout addon panel in right 1`] = `
|
|||||||
Stories
|
Stories
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="css-owlojx"
|
|
||||||
direction="vertical"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-19oxd4p"
|
|
||||||
direction="vertical"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer vertical "
|
class="Resizer vertical "
|
||||||
style="cursor:col-resize;height:auto;width:10px;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane vertical Pane2 "
|
class="Pane vertical Pane2 "
|
||||||
@ -71,7 +61,6 @@ exports[`Storyshots Components|Layout addon panel in right 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer vertical "
|
class="Resizer vertical "
|
||||||
style="cursor:col-resize;height:100%;width:10px;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane vertical Pane2 "
|
class="Pane vertical Pane2 "
|
||||||
@ -80,15 +69,6 @@ exports[`Storyshots Components|Layout addon panel in right 1`] = `
|
|||||||
<div
|
<div
|
||||||
class="css-1929wko"
|
class="css-1929wko"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="css-nq4yle"
|
|
||||||
direction="vertical"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-19oxd4p"
|
|
||||||
direction="vertical"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
||||||
>
|
>
|
||||||
@ -119,7 +99,7 @@ exports[`Storyshots Components|Layout default 1`] = `
|
|||||||
style="flex:none;position:relative;outline:none;width:250px"
|
style="flex:none;position:relative;outline:none;width:250px"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-1kbxkw2"
|
class="css-7r9jvr"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-9in0fq"
|
class="css-9in0fq"
|
||||||
@ -130,20 +110,10 @@ exports[`Storyshots Components|Layout default 1`] = `
|
|||||||
Stories
|
Stories
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="css-owlojx"
|
|
||||||
direction="vertical"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-19oxd4p"
|
|
||||||
direction="vertical"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer vertical "
|
class="Resizer vertical "
|
||||||
style="cursor:col-resize;height:auto;width:10px;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane vertical Pane2 "
|
class="Pane vertical Pane2 "
|
||||||
@ -176,7 +146,6 @@ exports[`Storyshots Components|Layout default 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer horizontal "
|
class="Resizer horizontal "
|
||||||
style="cursor:row-resize;height:10px;width:100%;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane horizontal Pane2 "
|
class="Pane horizontal Pane2 "
|
||||||
@ -185,15 +154,6 @@ exports[`Storyshots Components|Layout default 1`] = `
|
|||||||
<div
|
<div
|
||||||
class="css-hys0kv"
|
class="css-hys0kv"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="css-1fpokv0"
|
|
||||||
direction="horizontal"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-1nvj8jd"
|
|
||||||
direction="horizontal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
||||||
>
|
>
|
||||||
@ -224,7 +184,7 @@ exports[`Storyshots Components|Layout full screen 1`] = `
|
|||||||
style="flex:none;position:relative;outline:none;width:1px"
|
style="flex:none;position:relative;outline:none;width:1px"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-1aqo4nl"
|
class="css-1yb218t"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-9in0fq"
|
class="css-9in0fq"
|
||||||
@ -235,20 +195,10 @@ exports[`Storyshots Components|Layout full screen 1`] = `
|
|||||||
Stories
|
Stories
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="css-owlojx"
|
|
||||||
direction="vertical"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-19oxd4p"
|
|
||||||
direction="vertical"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer vertical disabled"
|
class="Resizer vertical disabled"
|
||||||
style="height:auto;width:10px;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane vertical Pane2 "
|
class="Pane vertical Pane2 "
|
||||||
@ -281,7 +231,6 @@ exports[`Storyshots Components|Layout full screen 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer horizontal disabled"
|
class="Resizer horizontal disabled"
|
||||||
style="height:10px;width:100%;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane horizontal Pane2 "
|
class="Pane horizontal Pane2 "
|
||||||
@ -290,15 +239,6 @@ exports[`Storyshots Components|Layout full screen 1`] = `
|
|||||||
<div
|
<div
|
||||||
class="css-1yfjvq7"
|
class="css-1yfjvq7"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="css-1fpokv0"
|
|
||||||
direction="horizontal"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-1nvj8jd"
|
|
||||||
direction="horizontal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
||||||
>
|
>
|
||||||
@ -407,7 +347,7 @@ exports[`Storyshots Components|Layout no addon panel 1`] = `
|
|||||||
style="flex:none;position:relative;outline:none;width:250px"
|
style="flex:none;position:relative;outline:none;width:250px"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-1kbxkw2"
|
class="css-7r9jvr"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-9in0fq"
|
class="css-9in0fq"
|
||||||
@ -418,20 +358,10 @@ exports[`Storyshots Components|Layout no addon panel 1`] = `
|
|||||||
Stories
|
Stories
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="css-owlojx"
|
|
||||||
direction="vertical"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-19oxd4p"
|
|
||||||
direction="vertical"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer vertical "
|
class="Resizer vertical "
|
||||||
style="cursor:col-resize;height:auto;width:10px;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane vertical Pane2 "
|
class="Pane vertical Pane2 "
|
||||||
@ -464,7 +394,6 @@ exports[`Storyshots Components|Layout no addon panel 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer horizontal disabled"
|
class="Resizer horizontal disabled"
|
||||||
style="height:10px;width:100%;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane horizontal Pane2 "
|
class="Pane horizontal Pane2 "
|
||||||
@ -473,15 +402,6 @@ exports[`Storyshots Components|Layout no addon panel 1`] = `
|
|||||||
<div
|
<div
|
||||||
class="css-1yfjvq7"
|
class="css-1yfjvq7"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="css-1fpokv0"
|
|
||||||
direction="horizontal"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-1nvj8jd"
|
|
||||||
direction="horizontal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
||||||
>
|
>
|
||||||
@ -512,7 +432,7 @@ exports[`Storyshots Components|Layout no stories panel 1`] = `
|
|||||||
style="flex:none;position:relative;outline:none;width:1px"
|
style="flex:none;position:relative;outline:none;width:1px"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-1aqo4nl"
|
class="css-1yb218t"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="css-9in0fq"
|
class="css-9in0fq"
|
||||||
@ -523,20 +443,10 @@ exports[`Storyshots Components|Layout no stories panel 1`] = `
|
|||||||
Stories
|
Stories
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
|
||||||
class="css-owlojx"
|
|
||||||
direction="vertical"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-19oxd4p"
|
|
||||||
direction="vertical"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer vertical disabled"
|
class="Resizer vertical disabled"
|
||||||
style="height:auto;width:10px;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane vertical Pane2 "
|
class="Pane vertical Pane2 "
|
||||||
@ -569,7 +479,6 @@ exports[`Storyshots Components|Layout no stories panel 1`] = `
|
|||||||
</div>
|
</div>
|
||||||
<span
|
<span
|
||||||
class="Resizer horizontal "
|
class="Resizer horizontal "
|
||||||
style="cursor:row-resize;height:10px;width:100%;z-index:1"
|
|
||||||
/>
|
/>
|
||||||
<div
|
<div
|
||||||
class="Pane horizontal Pane2 "
|
class="Pane horizontal Pane2 "
|
||||||
@ -578,15 +487,6 @@ exports[`Storyshots Components|Layout no stories panel 1`] = `
|
|||||||
<div
|
<div
|
||||||
class="css-hys0kv"
|
class="css-hys0kv"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="css-1fpokv0"
|
|
||||||
direction="horizontal"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="css-1nvj8jd"
|
|
||||||
direction="horizontal"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
style="position:absolute;height:100%;width:100%;color:white;background:#fc4a1a"
|
||||||
>
|
>
|
||||||
|
|||||||
@ -31,10 +31,10 @@ injectGlobal`
|
|||||||
.Resizer.horizontal::after {
|
.Resizer.horizontal::after {
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
height: 2px,
|
height: 2px;
|
||||||
width: 20px,
|
width: 20px;
|
||||||
border-top: 1px solid rgba(0,0,0, 0.2),
|
border-top: 1px solid rgba(0,0,0, 0.2);
|
||||||
border-bottom: 1px solid rgba(0,0,0, 0.2),
|
border-bottom: 1px solid rgba(0,0,0, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.Resizer.vertical {
|
.Resizer.vertical {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user