Add "condition" label to subfields condition section of field editor

dainst · Jul 26, 2023 · 1cda7ab · 1cda7ab
1 parent d56e65b
commit 1cda7ab
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 6 deletions.
diff --git a/desktop/src/app/components/configuration/editor/field/widgets/subfields-section.html b/desktop/src/app/components/configuration/editor/field/widgets/subfields-section.html
@@ -19,8 +19,10 @@
                             </div>
                             <div class="subfield-input-type">{{getInputTypeLabel(subfield)}}</div>
                         </div>
-                        <div *ngIf="subfield.condition" class="col-md-6 subfield-right">
-                            <div class="subfield-condition">
+                        <div class="col-md-6 subfield-right">
+                            <div i18n="@@configuration.subfields.condition"
+                                 class="subfield-condition-header">Bedingung:</div>
+                            <div *ngIf="subfield.condition" class="subfield-condition">
                                 <span class="subfield-condition-subfield">
                                     {{getConditionSubfieldLabel(subfield.condition)}}:
                                 </span>
@@ -30,6 +32,10 @@
                                     {{getConditionValueLabels(subfield.condition)}}
                                 </span>                                          
                             </div>
+                            <div *ngIf="!subfield.condition" class="subfield-no-condition"
+                                 i18n="@@configuration.subfields.condition.none">
+                                Keine
+                            </div>
                         </div>
                     </div>
                 </div>

diff --git a/desktop/src/app/components/configuration/editor/field/widgets/subfields-section.scss b/desktop/src/app/components/configuration/editor/field/widgets/subfields-section.scss
@@ -87,17 +87,24 @@ subfields-section #subfields {
 
   .subfield-condition {
     font-size: 12px;
-    white-space: normal;
+    white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
 
     .subfield-condition-subfield {
       font-style: italic;
     }
   }
+
+  .subfield-condition-header {
+    font-size: 12px;
+    font-weight: 600;
+  }
+
+  .subfield-no-condition {
+    font-size: 12px;
+    font-style: italic;
+  }
 }
 
 .subfield-drag-placeholder {