diff --git a/packages/survey-angular-ui/src/question.component.html b/packages/survey-angular-ui/src/question.component.html index e4ef63a0d7..1e68dd4d01 100644 --- a/packages/survey-angular-ui/src/question.component.html +++ b/packages/survey-angular-ui/src/question.component.html @@ -2,17 +2,18 @@
-
-
- - -
-
- + +
+
+ +
+
+ +
+
+
-
-
-
+
diff --git a/packages/survey-angular-ui/src/question.component.ts b/packages/survey-angular-ui/src/question.component.ts index 5587b83863..63aeefb4d6 100644 --- a/packages/survey-angular-ui/src/question.component.ts +++ b/packages/survey-angular-ui/src/question.component.ts @@ -26,11 +26,10 @@ export class QuestionComponent extends EmbeddedViewContentComponent { } public getComponentName(): string { return getComponentName(this.model); } public getQuestionContentWrapperComponentName(): string { - return (this.model.survey).getQuestionContentWrapperComponentName(this.model) || this.getComponentName(); + return (this.model.survey).getQuestionContentWrapperComponentName(this.model); } public getQuestionContentWrapperComponentData(): any { return { - componentName: this.getComponentName(), componentData: { model: this.model, data: (this.model.survey).getElementWrapperComponentData(this.model) diff --git a/packages/survey-vue3-ui/src/Question.vue b/packages/survey-vue3-ui/src/Question.vue index 082f5b048a..fd98da2725 100644 --- a/packages/survey-vue3-ui/src/Question.vue +++ b/packages/survey-vue3-ui/src/Question.vue @@ -26,40 +26,42 @@ :element="element" :css="css" /> -
- - - -
-
- -
- -
- +
- + + + +
+
+ +
+ +
+ +
+ +
-
+ { }); const contentComponentName = computed(() => { return ( - ( - props.element.survey as SurveyModel - ).getQuestionContentWrapperComponentName(props.element) || - componentName.value - ); + props.element.survey as SurveyModel + ).getQuestionContentWrapperComponentName(props.element); }); const contentComponentData = computed(() => { return { - componentName: componentName.value, componentData: { question: props.element, data: ( diff --git a/src/defaultV2-theme/blocks/sd-complex-element.scss b/src/defaultV2-theme/blocks/sd-complex-element.scss index ae516b239d..4177069102 100644 --- a/src/defaultV2-theme/blocks/sd-complex-element.scss +++ b/src/defaultV2-theme/blocks/sd-complex-element.scss @@ -94,7 +94,7 @@ padding-bottom: 0; } - &>.sd-question__content:first-child { + &>.sd-question__content:first-of-type { padding-top: var(--sd-base-padding); } diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss index aca2ca9225..dbdb367bee 100644 --- a/src/defaultV2-theme/blocks/sd-table.scss +++ b/src/defaultV2-theme/blocks/sd-table.scss @@ -56,7 +56,7 @@ } &>.sd-question__header { - &+.sd-question__content { + &~.sd-question__content { padding-top: calcSize(2); .sd-table--no-header { @@ -83,11 +83,11 @@ margin-top: calcSize(0); } - .sd-question--table>.sd-question__header+.sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) { + .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) { + &>.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); } }