diff --git a/src/defaultV2-theme/blocks/header.scss b/src/defaultV2-theme/blocks/header.scss index 4d143e82a4..4d51b82683 100644 --- a/src/defaultV2-theme/blocks/header.scss +++ b/src/defaultV2-theme/blocks/header.scss @@ -39,7 +39,7 @@ } .sv-header__content--static { - max-width: calcSize(88); + max-width: calcSize(90); margin-left: auto; margin-right: auto; } diff --git a/visualRegressionTests/tests/defaultV2/advancedHeader.ts b/visualRegressionTests/tests/defaultV2/advancedHeader.ts index 8edb8cfe74..7107ff19f1 100644 --- a/visualRegressionTests/tests/defaultV2/advancedHeader.ts +++ b/visualRegressionTests/tests/defaultV2/advancedHeader.ts @@ -132,4 +132,45 @@ frameworks.forEach(framework => { await takeElementScreenshot("survey-advanced-header-background-custom-set.png", Selector(".sd-root-modern"), t, comparer); }); }); + + test("Check header background color modes", async (t) => { + await wrapVisualTest(t, async (t, comparer) => { + await t.resizeWindow(1920, 1080); + await initSurvey(framework, { + "description": "Building your own form management\nsystem has never been easier.", + "logoPosition": "right", + "pages": [ + { + "name": "page1", + "elements": [ + { + "type": "radiogroup", + "name": "question1", + "choices": [ + "Item 1", + "Item 2", + "Item 3" + ] + } + ] + } + ] + }); + + await ClientFunction(() => { + (window).survey.applyTheme({ + "cssVariables": { + "--sjs-header-backcolor": "transparent" + }, + "header": { + "inheritWidthFrom": "survey" + }, + "headerView": "advanced" + }); + })(); + await t.wait(500); + await resetFocusToBody(); + await takeElementScreenshot("survey-advanced-header-text-alignment.png", Selector(".sd-root-modern"), t, comparer); + }); + }); }); \ No newline at end of file diff --git a/visualRegressionTests/tests/defaultV2/etalons/survey-advanced-header-text-alignment.png b/visualRegressionTests/tests/defaultV2/etalons/survey-advanced-header-text-alignment.png new file mode 100644 index 0000000000..2342d919b4 Binary files /dev/null and b/visualRegressionTests/tests/defaultV2/etalons/survey-advanced-header-text-alignment.png differ