Fixed surveyjs/survey-library#8797 - Advanced Header - The header hei…

…ght is decreased on a mobile and a header image is undistinguishable
surveyjs · Sep 18, 2024 · ec83c75 · ec83c75
1 parent 9a69576
commit ec83c75
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/packages/survey-creator-core/src/components/tabs/header-model.ts b/packages/survey-creator-core/src/components/tabs/header-model.ts
@@ -5,6 +5,7 @@ import { assign } from "../../utils/utils";
 
 export class HeaderModel extends Base implements IHeader {
   height: number;
+  mobileHeight: number;
   inheritWidthFrom: "survey" | "container";
   textAreaWidth: number;
   overlapEnabled: boolean;
@@ -176,6 +177,18 @@ Serializer.addClass(
         }
       }
     },
+    {
+      type: "spinedit",
+      name: "mobileHeight",
+      visibleIf: (obj) => obj.headerView === "advanced",
+      default: 0,
+      onPropertyEditorUpdate: function (obj: any, editor: any) {
+        if (!!editor) {
+          editor.unit = "px";
+          editor.min = 0;
+        }
+      }
+    },
     {
       type: "buttongroup",
       name: "inheritWidthFrom",

diff --git a/packages/survey-creator-core/src/components/tabs/theme-model-definition.ts b/packages/survey-creator-core/src/components/tabs/theme-model-definition.ts
@@ -66,6 +66,7 @@ const themeModelProperties: ISurveyPropertiesDefinition = {
       { name: "surveyTitle" },
       { name: "surveyDescription" },
       { name: "height", tab: "layout" },
+      { name: "mobileHeight", tab: "layout" },
       { name: "inheritWidthFrom", tab: "layout" },
       { name: "textAreaWidth", tab: "layout" },