diff --git a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
index 0c67f1f8c..633e9467d 100644
--- a/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
+++ b/dmp-frontend/src/app/library/auto-complete/multiple/multiple-auto-complete.component.scss
@@ -28,7 +28,8 @@
// text-overflow: ellipsis;
// white-space: nowrap;
// overflow: hidden;
- white-space: normal;
+ // white-space: normal;
+ white-space: nowrap;
word-break: break-word;
}
@@ -128,3 +129,16 @@
color: transparent;
}
}
+
+:host ::ng-deep .mdc-evolution-chip-set__chips {
+ max-width: 100%;
+ text-overflow: ellipsis;
+ flex-flow: nowrap;
+ overflow-x: scroll;
+}
+
+:host ::ng-deep .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,
+:host ::ng-deep .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,
+:host ::ng-deep .mat-mdc-standard-chip .mat-mdc-chip-action-label {
+ overflow: hidden;
+}
diff --git a/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.html b/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.html
index 2cb60227c..bc54d2b54 100644
--- a/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.html
+++ b/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.html
@@ -89,11 +89,10 @@
-
+
+
-
-
-
+
-
-
+
{{fieldIndex + 1}}
drag_indicator
-
@@ -164,7 +161,7 @@
{{'GENERAL.VALIDATION.REQUIRED' | translate}}
-
-
-
+
{{'DMP-BLUEPRINT-EDITOR.FIELDS-REQUIRED' | translate}}
{{section.get('fields').getError('backendError').message}}
-
-
-
-
- {{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATES' | translate}}
-
- {{section.get('hasTemplates').getError('backendError').message}}
- {{'GENERAL.VALIDATION.REQUIRED' | translate}}
-
-
-
+
+
+
+
+
+ {{'DMP-BLUEPRINT-EDITOR.FIELDS.DESCRIPTION-TEMPLATES' | translate}}
+
+ {{section.get('hasTemplates').getError('backendError').message}}
+ {{'GENERAL.VALIDATION.REQUIRED' | translate}}
+
+
+
+
diff --git a/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.scss b/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.scss
index 625e43482..c3fcf299d 100644
--- a/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.scss
+++ b/dmp-frontend/src/app/ui/admin/dmp-blueprint/editor/dmp-blueprint-editor.component.scss
@@ -149,36 +149,8 @@
.section-options-horizontal {
display: initial;
}
-
- @media (min-width: 2060px) and (max-width:2215px) {
- .section-field {
- padding-left: 0;
- }
- }
-
- @media (min-width: 2000px) and (max-width: 2060px) {
- .section-field {
- padding-left: 0;
- padding-right: 0.6rem;
- }
- }
-
- @media (min-width: 1950px) and (max-width: 2000px) {
- .section-field {
- padding-left: 0;
- padding-right: 0.3rem;
- }
- }
-
- // @media (min-width: 1900px) and (max-width: 1950px) {
- // .section-field {
- // padding-left: 0;
- // padding-right: 0.05rem;
- // }
- // }
-
- @media (max-width: 1900px) {
+ @media (max-width: 1200px) {
flex-direction: column;
align-items: flex-start;