Fixing bugs in the Shareable Runtime (#49965)
* Fixing bugs in the Shareable Runtime * Updating snapshots
This commit is contained in:
parent
b661d1d9e1
commit
468dff72e8
|
@ -54,7 +54,7 @@ export const CustomInterval = ({ gutterSize, buttonSize, onSubmit, defaultValue
|
|||
</EuiFlexItem>
|
||||
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiFormRow label=" ">
|
||||
<EuiFormRow hasEmptyLabelSpace={true} compressed>
|
||||
<EuiButton
|
||||
disabled={isInvalid}
|
||||
size={buttonSize}
|
||||
|
|
File diff suppressed because one or more lines are too long
|
@ -88,9 +88,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -126,9 +126,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -165,9 +165,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -205,9 +205,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -249,9 +249,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -290,9 +290,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -332,9 +332,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -368,9 +368,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -418,9 +418,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -471,9 +471,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -509,9 +509,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -545,9 +545,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -582,9 +582,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -620,9 +620,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -658,9 +658,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -698,9 +698,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -735,9 +735,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -772,9 +772,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -811,9 +811,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -862,9 +862,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -905,9 +905,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -996,9 +996,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1065,9 +1065,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1105,9 +1105,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1146,9 +1146,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1188,9 +1188,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1228,9 +1228,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1268,9 +1268,9 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1312,6 +1312,11 @@ exports[`Storyshots shareables/Canvas component 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
@ -1582,9 +1587,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1620,9 +1625,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1659,9 +1664,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1699,9 +1704,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1743,9 +1748,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1784,9 +1789,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1826,9 +1831,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1862,9 +1867,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1912,9 +1917,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1965,9 +1970,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2003,9 +2008,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2039,9 +2044,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2076,9 +2081,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2114,9 +2119,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2152,9 +2157,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2192,9 +2197,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2229,9 +2234,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2266,9 +2271,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2305,9 +2310,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2356,9 +2361,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2399,9 +2404,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2490,9 +2495,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2559,9 +2564,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2599,9 +2604,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2640,9 +2645,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2682,9 +2687,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2722,9 +2727,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2762,9 +2767,9 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -2806,6 +2811,11 @@ exports[`Storyshots shareables/Canvas contextual: austin 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
@ -3074,9 +3084,9 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 150,
|
||||
"width": 1080,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -3116,6 +3126,11 @@ exports[`Storyshots shareables/Canvas contextual: hello 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
|
|
@ -4,7 +4,7 @@ exports[`<App /> App renders properly 1`] = `
|
|||
"<div class=\\"root\\" style=\\"height: 768px; width: 1080px;\\"><div class=\\"container\\" style=\\"height: 720px; width: 1080px;\\"><div class=\\"page\\" style=\\"height: 720px; width: 1080px;\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute;\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
|
||||
font-size: 150px; text-align: center; color: #d3d3d3;
|
||||
}
|
||||
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 100px; width: 150px;\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute;\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
|
||||
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div><div class=\\"root\\" style=\\"height: 48px;\\"><div class=\\"root\\"><div class=\\"slideContainer\\"><div class=\\"root\\" style=\\"height: 100px; width: 150px;\\"><div class=\\"preview\\" style=\\"height: 720px; width: 1080px;\\"><div id=\\"page-7186b301-f8a7-4c65-8b89-38d68d31cfc4\\" class=\\"root\\" style=\\"height: 720px; width: 1080px; background: rgb(119, 119, 119);\\"><div class=\\"canvasPositionable canvasInteractable\\" style=\\"width: 1082px; height: 205.37748344370857px; margin-left: -541px; margin-top: -102.68874172185429px; position: absolute;\\"><div class=\\"root\\"><div class=\\"container s2042575598\\" style=\\"overflow: hidden;\\"><style type=\\"text/css\\">.s2042575598 .canvasRenderEl h1 {
|
||||
font-size: 150px; text-align: center; color: #d3d3d3;
|
||||
}
|
||||
</style><div class=\\"content\\"><div class=\\"renderContainer\\"><div data-renderer=\\"markdown\\" class=\\"render\\"><div>markdown mock</div></div></div></div></div></div></div></div></div></div></div></div><div class=\\"bar\\" style=\\"bottom: 0px;\\"><div class=\\"euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem title\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><a class=\\"euiLink euiLink--primary\\" href=\\"https://www.elastic.co\\" rel=\\"\\" title=\\"Powered by Elastic.co\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--large euiIcon-isLoading\\" focusable=\\"false\\"></svg></a></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\" style=\\"min-width: 0; cursor: default;\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\"><div class=\\"eui-textTruncate\\">My Canvas Workpad</div></div></div></div></div></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexGroup euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\" style=\\"margin: 0px 12px;\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost\\" type=\\"button\\" data-test-subj=\\"pageControlsPrevPage\\" aria-label=\\"Previous Page\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button class=\\"euiButtonEmpty euiButtonEmpty--ghost euiButtonEmpty--small\\" type=\\"button\\" data-test-subj=\\"pageControlsCurrentPage\\"><span class=\\"euiButtonEmpty__content\\"><span class=\\"euiButtonEmpty__text\\"><div class=\\"euiText euiText--small\\"><div class=\\"euiTextColor euiTextColor--ghost\\">Page 1</div></div></span></span></button></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><button disabled=\\"\\" class=\\"euiButtonIcon euiButtonIcon--ghost\\" type=\\"button\\" data-test-subj=\\"pageControlsNextPage\\" aria-label=\\"Next Page\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button></div></div><div class=\\"euiFlexGroup euiFlexGroup--alignItemsFlexEnd euiFlexGroup--justifyContentCenter euiFlexGroup--directionColumn euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiPopover euiPopover--anchorUpRight euiPopover--withTitle\\" id=\\"settings\\"><div class=\\"euiPopover__anchor\\"><button class=\\"euiButtonIcon euiButtonIcon--ghost\\" type=\\"button\\" aria-label=\\"Settings\\"><svg width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\" class=\\"euiIcon euiIcon--medium euiIcon-isLoading euiButtonIcon__icon\\" focusable=\\"false\\" aria-hidden=\\"true\\"></svg></button></div></div></div></div></div></div></div></div></div></div>"
|
||||
|
|
|
@ -18,5 +18,7 @@
|
|||
|
||||
:global .kbnCanvas :local .page {
|
||||
position: absolute;
|
||||
transform-origin: center center;
|
||||
transform-origin: left top;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
|
|
@ -41,9 +41,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -79,9 +79,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -118,9 +118,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -158,9 +158,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -202,9 +202,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -243,9 +243,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -285,9 +285,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -321,9 +321,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -371,9 +371,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -424,9 +424,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -462,9 +462,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -498,9 +498,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -535,9 +535,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -573,9 +573,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -611,9 +611,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -651,9 +651,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -688,9 +688,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -725,9 +725,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -764,9 +764,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -815,9 +815,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -858,9 +858,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -949,9 +949,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1018,9 +1018,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1058,9 +1058,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1099,9 +1099,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1141,9 +1141,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1181,9 +1181,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1221,9 +1221,9 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1265,6 +1265,11 @@ exports[`Storyshots shareables/Footer contextual: austin 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
@ -1487,9 +1492,9 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 150,
|
||||
"width": 1080,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1529,6 +1534,11 @@ exports[`Storyshots shareables/Footer contextual: hello 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
|
|
@ -33,9 +33,9 @@ exports[`Storyshots shareables/Footer/Scrubber component 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 150,
|
||||
"width": 1080,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -92,9 +92,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -130,9 +130,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -169,9 +169,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -209,9 +209,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -253,9 +253,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -294,9 +294,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -336,9 +336,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -372,9 +372,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -422,9 +422,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -475,9 +475,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -513,9 +513,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -549,9 +549,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -586,9 +586,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -624,9 +624,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -662,9 +662,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -702,9 +702,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -739,9 +739,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -776,9 +776,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -815,9 +815,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -866,9 +866,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -909,9 +909,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1000,9 +1000,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1069,9 +1069,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1109,9 +1109,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1150,9 +1150,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1192,9 +1192,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1232,9 +1232,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1272,9 +1272,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: austin 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 177.77777777777777,
|
||||
"width": 1280,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
@ -1333,9 +1333,9 @@ exports[`Storyshots shareables/Footer/Scrubber contextual: hello 1`] = `
|
|||
className="preview"
|
||||
style={
|
||||
Object {
|
||||
"height": 100,
|
||||
"height": 720,
|
||||
"transform": "scale3d(0.1388888888888889, 0.1388888888888889, 1)",
|
||||
"width": 150,
|
||||
"width": 1080,
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
|
@ -19,6 +19,11 @@ exports[`Storyshots shareables/Footer/Title component 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
@ -83,6 +88,11 @@ exports[`Storyshots shareables/Footer/Title contextual: austin 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
@ -147,6 +157,11 @@ exports[`Storyshots shareables/Footer/Title contextual: hello 1`] = `
|
|||
>
|
||||
<div
|
||||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
style={
|
||||
Object {
|
||||
"flexShrink": 0,
|
||||
}
|
||||
}
|
||||
>
|
||||
<a
|
||||
className="euiLink euiLink--primary"
|
||||
|
|
|
@ -3,6 +3,7 @@
|
|||
:global .kbnCanvas :local .root {
|
||||
margin: 0 $euiSizeS;
|
||||
cursor: pointer;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
:global .kbnCanvas :local .root :global .canvasPage {
|
||||
|
|
|
@ -58,13 +58,10 @@ export const PagePreviewComponent: FC<Props> = ({
|
|||
workpadWidth,
|
||||
}) => {
|
||||
const scale = height / workpadHeight;
|
||||
const style = {
|
||||
height: workpadHeight * scale,
|
||||
width: workpadWidth * scale,
|
||||
};
|
||||
|
||||
const transform = {
|
||||
...style,
|
||||
height: workpadHeight,
|
||||
width: workpadWidth,
|
||||
transform: `scale3d(${scale}, ${scale}, 1)`,
|
||||
};
|
||||
|
||||
|
@ -73,7 +70,10 @@ export const PagePreviewComponent: FC<Props> = ({
|
|||
className={css.root}
|
||||
onClick={() => onClick(index)}
|
||||
onKeyPress={() => onClick(index)}
|
||||
style={style}
|
||||
style={{
|
||||
height: workpadHeight * scale,
|
||||
width: workpadWidth * scale,
|
||||
}}
|
||||
>
|
||||
<div className={css.preview} style={transform}>
|
||||
<PageComponent {...{ page }} height={workpadHeight} width={workpadWidth} />
|
||||
|
|
|
@ -128,18 +128,8 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: off,
|
|||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<div
|
||||
className="euiFormRow"
|
||||
className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormRow__labelWrapper"
|
||||
>
|
||||
<label
|
||||
className="euiFormLabel euiFormRow__label"
|
||||
htmlFor="generated-id"
|
||||
>
|
||||
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
|
@ -303,18 +293,8 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings component: on, 5
|
|||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<div
|
||||
className="euiFormRow"
|
||||
className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormRow__labelWrapper"
|
||||
>
|
||||
<label
|
||||
className="euiFormLabel euiFormRow__label"
|
||||
htmlFor="generated-id"
|
||||
>
|
||||
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
|
@ -478,18 +458,8 @@ exports[`Storyshots shareables/Footer/Settings/AutoplaySettings contextual 1`] =
|
|||
className="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<div
|
||||
className="euiFormRow"
|
||||
className="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
|
||||
>
|
||||
<div
|
||||
className="euiFormRow__labelWrapper"
|
||||
>
|
||||
<label
|
||||
className="euiFormLabel euiFormRow__label"
|
||||
htmlFor="generated-id"
|
||||
>
|
||||
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
className="euiFormRow__fieldWrapper"
|
||||
>
|
||||
|
|
|
@ -396,18 +396,8 @@ exports[`<Settings /> can navigate Autoplay Settings 2`] = `
|
|||
class="euiFlexItem euiFlexItem--flexGrowZero"
|
||||
>
|
||||
<div
|
||||
class="euiFormRow"
|
||||
class="euiFormRow euiFormRow--hasEmptyLabelSpace euiFormRow--compressed"
|
||||
>
|
||||
<div
|
||||
class="euiFormRow__labelWrapper"
|
||||
>
|
||||
<label
|
||||
class="euiFormLabel euiFormRow__label"
|
||||
for="generated-id"
|
||||
>
|
||||
|
||||
</label>
|
||||
</div>
|
||||
<div
|
||||
class="euiFormRow__fieldWrapper"
|
||||
>
|
||||
|
|
|
@ -20,7 +20,7 @@ interface Props {
|
|||
*/
|
||||
export const TitleComponent: FC<Props> = ({ title }) => (
|
||||
<EuiFlexGroup gutterSize="s" justifyContent="flexStart" alignItems="center">
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiFlexItem grow={false} style={{ flexShrink: 0 }}>
|
||||
<EuiLink href="https://www.elastic.co" title="Powered by Elastic.co">
|
||||
<EuiIcon type="logoElastic" size="l" />
|
||||
</EuiLink>
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
|
|
@ -41,6 +41,7 @@ module.exports = {
|
|||
KIBANA_ROOT,
|
||||
'src/legacy/core_plugins/interpreter/public/types'
|
||||
),
|
||||
tinymath: path.resolve(KIBANA_ROOT, 'node_modules/tinymath/lib/tinymath.es5.js'),
|
||||
},
|
||||
extensions: ['.js', '.json', '.ts', '.tsx', '.scss'],
|
||||
},
|
||||
|
|
Loading…
Reference in a new issue