diff --git a/packages/survey-creator-core/src/components/creator.scss b/packages/survey-creator-core/src/components/creator.scss index 3d29ce4dee..01b820b5c4 100644 --- a/packages/survey-creator-core/src/components/creator.scss +++ b/packages/survey-creator-core/src/components/creator.scss @@ -120,11 +120,22 @@ survey-creator, width: 100%; height: 100%; box-sizing: border-box; + display: flex; + flex-direction: column; } .svc-plugin-tab__content { - height: 100%; + flex-basis: 0; + max-height: 100%; overflow-y: auto; + flex-grow: 1; +} + +.sv-popup__content { + .svc-plugin-tab__content { + flex-basis: 100%; + height: 100%; + } } .svc-plugin-tab__content-actions { diff --git a/packages/survey-creator-core/src/components/tabs/test.scss b/packages/survey-creator-core/src/components/tabs/test.scss index 93f6d8337f..99d910cf39 100644 --- a/packages/survey-creator-core/src/components/tabs/test.scss +++ b/packages/survey-creator-core/src/components/tabs/test.scss @@ -50,12 +50,10 @@ svc-tab-test { position: relative; .sv-action-bar { - padding: 0; - height: calc(6 * #{$base-unit}); - border-top: 1px solid var(--ctr-preview-pager-border-color, $border); + padding: var(--ctr-preview-pager-padding-top, calcSize(1)) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, calcSize(1)) var(--ctr-preview-pager-padding-left, 0px); + box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, 1px) 0 0 var(--ctr-preview-pager-border-color, $border); background: var(--ctr-preview-pager-background-color, $background); width: 100%; - position: absolute; } .sv-action-bar.sv-action-bar--pages { diff --git a/visualRegressionTests-V2/tests/designer/etalons/survey-timer.png b/visualRegressionTests-V2/tests/designer/etalons/survey-timer.png index 1a4aecc673..71596ffc8f 100644 Binary files a/visualRegressionTests-V2/tests/designer/etalons/survey-timer.png and b/visualRegressionTests-V2/tests/designer/etalons/survey-timer.png differ diff --git a/visualRegressionTests-V2/tests/designer/etalons/test-tab-toolbar.png b/visualRegressionTests-V2/tests/designer/etalons/test-tab-toolbar.png index bf60f44ecd..5b4b01aaf1 100644 Binary files a/visualRegressionTests-V2/tests/designer/etalons/test-tab-toolbar.png and b/visualRegressionTests-V2/tests/designer/etalons/test-tab-toolbar.png differ diff --git a/visualRegressionTests/tests/designer/etalons/survey-timer.png b/visualRegressionTests/tests/designer/etalons/survey-timer.png index 2a9b1d46f5..6f75a16cb6 100644 Binary files a/visualRegressionTests/tests/designer/etalons/survey-timer.png and b/visualRegressionTests/tests/designer/etalons/survey-timer.png differ diff --git a/visualRegressionTests/tests/designer/etalons/test-tab-toolbar.png b/visualRegressionTests/tests/designer/etalons/test-tab-toolbar.png index c51c3ce093..30cea29b4a 100644 Binary files a/visualRegressionTests/tests/designer/etalons/test-tab-toolbar.png and b/visualRegressionTests/tests/designer/etalons/test-tab-toolbar.png differ