Merge branch 'master' of github.com:surveyjs/survey-creator into issu…

…e/PG-new-look

packages/survey-creator-core/src/components/creator.scss

@@ -46,12 +46,22 @@ survey-creator,
   }
 }
 
-survey-creator {
+survey-creator,
+.svc-creator {
   .sv-drag-drop-choices-shortcut {
     .sv-drag-drop-choices-shortcut__content {
       background: var(--ctr-survey-radio-button-group-item-background-color-floating, $background);
 
       .sd-item__decorator {}
+
+      .svc-item-value__item {
+        overflow: hidden;
+
+        .sv-string-viewer,
+        .sv-string-editor {
+          white-space: nowrap;
+        }
+      }
     }
   }
 }

packages/survey-creator-core/src/components/item-value.scss

@@ -53,6 +53,7 @@
   flex-shrink: 0;
   min-width: 72px;
   justify-content: flex-end;
+  align-self: flex-start;
 }
 
 .svc-item-value-controls__button {
@@ -198,6 +199,12 @@
   }
 }
 
+.sv-drag-drop-choices-shortcut {
+  .sv-ranking-item__text {
+    overflow: hidden;
+  }
+}
+
 .svc-item-value--ghost {
   .svc-item-value__ghost {
     display: block;
@@ -206,6 +213,17 @@
   .svc-item-value-controls {
     visibility: hidden;
   }
+
+  .svc-item-value__item {
+    display: none;
+  }
+
+  height: calcSize(6);
+
+  .sv-string-viewer,
+  .sv-string-editor {
+    white-space: unset;
+  }
 }
 
 .svc-item-value--movedown {

packages/survey-creator-core/src/localization/english.ts

@@ -1515,6 +1515,7 @@ export var enStrings = {
       inheritWidthFrom: "The \"Same as container\" option auto-adjusts the header content area width to fit into the HTML element the survey is placed in.",
       textAreaWidth: "The width of the header area that contains the survey title and description, measured in pixels.",
       overlapEnabled: "Makes the bottom of the header overlaid with the top of the survey.",
+      mobileHeight: "When set to 0, the height is calculated automatically to accommodate the header's content.",
     },
     panellayoutcolumn: {
       effectiveWidth: "Accepts values %.",
@@ -1602,6 +1603,7 @@ export var enStrings = {
     imageFit: "Image and thumbnail fit",
     altText: "Alt text",
     height: "Height", // Auto-generated string
+    mobileHeight: "Height on smartphones",
     penColor: "Pen color", // Auto-generated string
     backgroundColor: "Background color",
     templateElements: "Template elements", // Auto-generated string

packages/survey-creator-knockout/tests/creator.spec.ts

@@ -37,6 +37,8 @@ test("isGhost value for attached element", (): any => {
   );
   expect(creator.survey.pages).toHaveLength(1);
   expect(designerPlugin.model.newPage).toBeTruthy();
+  designerPlugin.model.newPage.unRegisterFunctionOnPropertiesValueChanged(["title"]);
+  creator.survey.pages[0].unRegisterFunctionOnPropertiesValueChanged(["title"]);
   let pageAdornerModel = new CreatorSurveyPageComponent(creator as any, designerPlugin.model.newPage as any);
   expect(pageAdornerModel.isGhost).toBeTruthy();
   expect(designerPlugin.model.newPage["onPropChangeFunctions"].filter(f => f.name === "title").length).toBe(1);