maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fixing bugs in the Shareable Runtime (#49965)

Browse source 
* Fixing bugs in the Shareable Runtime

* Updating snapshots
This commit is contained in:
Clint Andrew Hall 2019-11-11 19:32:14 -06:00 committed by Corey Robertson
parent b661d1d9e1
commit 468dff72e8
15 changed files with 296 additions and 291 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
x-pack/legacy/plugins/canvas/public/components/workpad_header/control_settings/custom_interval.tsx
View file

@ -54,7 +54,7 @@ export const CustomInterval = ({ gutterSize, buttonSize, onSubmit, defaultValue
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiFormRow label="&nbsp;">
<EuiFormRow hasEmptyLabelSpace={true} compressed>
<EuiButton
disabled={isInvalid}
size={buttonSize}

10
x-pack/legacy/plugins/canvas/shareable_runtime/api/__tests__/__snapshots__/shareable.test.tsx.snap generated
View file

File diff suppressed because one or more lines are too long

243
x-pack/legacy/plugins/canvas/shareable_runtime/components/__examples__/__snapshots__/canvas.examples.storyshot generated
View file

@ -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"

2
x-pack/legacy/plugins/canvas/shareable_runtime/components/__tests__/__snapshots__/app.test.tsx.snap generated
View file

@ -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>"

4
x-pack/legacy/plugins/canvas/shareable_runtime/components/canvas.module.scss
View file

@ -18,5 +18,7 @@
:global .kbnCanvas :local .page {
position: absolute;
transform-origin: center center;
transform-origin: left top;
top: 0;
left: 0;
}

126
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/__examples__/__snapshots__/footer.examples.storyshot generated
View file

@ -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"

120
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/__examples__/__snapshots__/scrubber.examples.storyshot generated
View file

@ -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,
}
}
>

15
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/__examples__/__snapshots__/title.examples.storyshot generated
View file

@ -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"

1
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.module.scss
View file

@ -3,6 +3,7 @@
:global .kbnCanvas :local .root {
margin: 0 $euiSizeS;
cursor: pointer;
flex-shrink: 0;
}
:global .kbnCanvas :local .root :global .canvasPage {

12
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/page_preview.tsx
View file

@ -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} />

36
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__examples__/__snapshots__/autoplay_settings.examples.storyshot generated
View file

@ -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"
>

12
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/settings/__tests__/__snapshots__/settings.test.tsx.snap generated
View file

@ -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"
>

2
x-pack/legacy/plugins/canvas/shareable_runtime/components/footer/title.tsx
View file

@ -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
x-pack/legacy/plugins/canvas/shareable_runtime/template.html
View file

@ -1,3 +1,4 @@
<!DOCTYPE html>
<html>
<head>

1
x-pack/legacy/plugins/canvas/shareable_runtime/webpack.config.js
View file

@ -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'],
},