From 12e3d95208fce49e835e7bb8d93a2e95f0d1b791 Mon Sep 17 00:00:00 2001 From: Aleksey Novikov Date: Fri, 13 Oct 2023 09:53:50 +0300 Subject: [PATCH] #7106 Matrix with no title. Structure = on a single page. (#7124) * #7106 Matrix with no title. Structure = on a single page. Fixes #7106 * #7106 - edit css rule * #7106 Matrix with no title. Structure = on a single page - fix css Fixes #7106 * #7106 - make css rule stronger --- src/defaultV2-theme/blocks/sd-table.scss | 75 +++++++++--------- .../etalons/question-matrix--single-page.png | Bin 0 -> 20943 bytes .../tests/defaultV2/matrix.ts | 54 +++++++++++++ 3 files changed, 90 insertions(+), 39 deletions(-) create mode 100644 visualRegressionTests/tests/defaultV2/etalons/question-matrix--single-page.png diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss index 4f61332087..2adeba9bb4 100644 --- a/src/defaultV2-theme/blocks/sd-table.scss +++ b/src/defaultV2-theme/blocks/sd-table.scss @@ -40,51 +40,55 @@ .sd-table--no-header { padding-top: calcSize(3); } - -.sd-panel__content { - .sd-table--no-header { - padding-top: 0; - } - - .sd-question--table { - .sd-question__content { - padding-top: calcSize(0); +.sd-panel:not(.sd-panel--as-page) { + &>.sd-panel__content { + .sd-table--no-header { + padding-top: 0; } - &>.sd-question__header { - &+.sd-question__content { - padding-top: calcSize(2); + .sd-question--table { + .sd-question__content { + padding-bottom: calcSize(0.25); + margin-bottom: calcSize(-0.25); + padding-top: calcSize(1); + margin-top: calcSize(-1); + } + + &>.sd-question__header { + &+.sd-question__content { + padding-top: calcSize(2); - .sd-table--no-header { - padding-top: calcSize(4); + .sd-table--no-header { + padding-top: calcSize(4); + } } } } - } - .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { - margin-top: calcSize(-3); - } + .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + margin-top: calcSize(-3); + } - .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { - margin-top: 0; - } + .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + margin-top: 0; + } - &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { - margin-top: calcSize(-2); - } + &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + margin-top: calcSize(-2); + } - &>.sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { - margin-top: calcSize(0); - } + &>.sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top>.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + margin-top: calcSize(0); + } - .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { - margin-top: calcSize(1); - } + .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + margin-top: calcSize(1); + } - &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { - margin-top: calcSize(1); + &>.sd-row:not(:first-of-type) .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + margin-top: calcSize(1); + } } } @@ -384,13 +388,6 @@ min-width: auto; overflow-x: auto; } - - &>.sd-question__content { - padding-bottom: calcSize(0.25); - margin-bottom: calcSize(-0.25); - padding-top: calcSize(1); - margin-top: calcSize(-1); - } } &.sd-element--nested>.sd-question__content, diff --git a/visualRegressionTests/tests/defaultV2/etalons/question-matrix--single-page.png b/visualRegressionTests/tests/defaultV2/etalons/question-matrix--single-page.png new file mode 100644 index 0000000000000000000000000000000000000000..a5ae6d1e5d1d0437cf2a302065bf9f687389e912 GIT binary patch literal 20943 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 ND{EcOQZ)VJe*ghF { }); }); + test("Matrix in single page mode", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + await t.resizeWindow(800, 600); + await initSurvey(framework, { + "pages": [ + { + "name": "page1", + "elements": [ + { + "type": "matrix", + "name": "question1", + "titleLocation": "hidden", + "columns": [ + "Column 1", + "Column 2", + "Column 3" + ], + "rows": [ + "Row 1", + "Row 2" + ] + } + ] + }, + { + "name": "page2", + "elements": [ + { + "type": "matrix", + "name": "question2", + "titleLocation": "hidden", + "columns": [ + "Column 1", + "Column 2", + "Column 3" + ], + "rows": [ + "Row 1", + "Row 2" + ] + } + ] + } + ], + "questionsOnPageMode": "singlePage", + "focusFirstQuestionAutomatic": false, + "widthMode": "static" + }); + //await t.click(Selector("body"), { offsetX: 5, offsetY: 5 }); + const pageElement = Selector(".sd-page"); + + await takeElementScreenshot("question-matrix--single-page.png", pageElement, t, comparer); + }); + }); });