FEAT #12091 TIME 0:15 fix css

src/frontend/app/folder/indexing/folder-input.component.html

@@ -21,8 +21,8 @@
             </mat-option>
         </mat-autocomplete>
     </mat-form-field>
-    <div style="padding-top:10px;">
-        <mat-chip-list *ngIf="controlAutocomplete.value.length > 0" class="mat-chip-list-stacked" color="default">
+    <div class="itemList">
+        <mat-chip-list *ngIf="controlAutocomplete.value.length > 0" class="mat-chip-list-stacked itemChip" color="default">
             <mat-chip *ngFor="let item of controlAutocomplete.value;let i=index" class="activeListAutocomplete"
                 color="default" [removable]="true" (removed)="removeItem(i)">
                 <span style="display: flex;flex: 1;align-items: center;" [title]="this.valuesToDisplay[item]">

src/frontend/app/folder/indexing/folder-input.component.scss

@@ -18,4 +18,19 @@
     text-align: center;
     font-style: italic;
     opacity: 0.5;
+}
+
+.itemChip {
+    display: block;
+    width: 95%;
+
+    ::ng-deep.mat-chip-list-wrapper {
+        margin: 0px;
+    }
+}
+
+.itemList {
+    padding-top: 10px;
+    overflow-x: hidden;
+    max-height: 165px;
 }
\ No newline at end of file

src/frontend/app/tag/indexing/tag-input.component.html

@@ -21,8 +21,8 @@
             </mat-option>
         </mat-autocomplete>
     </mat-form-field>
-    <div style="padding-top:10px;">
-        <mat-chip-list *ngIf="controlAutocomplete.value.length > 0" class="mat-chip-list-stacked" color="default">
+    <div class="itemList">
+        <mat-chip-list *ngIf="controlAutocomplete.value.length > 0" class="mat-chip-list-stacked itemChip" color="default">
             <mat-chip *ngFor="let item of controlAutocomplete.value;let i=index" class="listAutocomplete"
                 color="default" [removable]="true" (removed)="removeItem(i)">
                 <span style="display: flex;flex: 1;align-items: center;" [title]="this.valuesToDisplay[item]">

src/frontend/app/tag/indexing/tag-input.component.scss

@@ -22,4 +22,19 @@
 
 .listAutocomplete {
     height: auto;
+}
+
+.itemChip {
+    display: block;
+    width: 95%;
+
+    ::ng-deep.mat-chip-list-wrapper {
+        margin: 0px;
+    }
+}
+
+.itemList {
+    padding-top: 10px;
+    overflow-x: hidden;
+    max-height: 165px;
 }
\ No newline at end of file