Increase mat autocomplete panel width to prevent artifactual corrupti…

…on of time format strings. For ravel #542.
highperformancecoder · Apr 28, 2024 · b2abade · b2abade
1 parent fe56680
commit b2abade
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/gui-js/libs/ui-components/src/lib/import-csv/import-csv.component.html b/gui-js/libs/ui-components/src/lib/import-csv/import-csv.component.html
@@ -171,7 +171,7 @@
             [matAutocomplete]="auto"
             class="form-control autocomplete"
           />
-          <mat-autocomplete [panelWidth]="'10rem'" #auto="matAutocomplete">
+          <mat-autocomplete [panelWidth]="'14rem'" #auto="matAutocomplete">
             <ng-container *ngIf="type.value === 'time'">
               <mat-option
                 *ngFor="let tfs of timeFormatStrings"
@@ -265,7 +265,7 @@
           />
           <mat-autocomplete
             id="format_{{ i }}"
-            [panelWidth]="'10rem'"
+            [panelWidth]="'14rem'"
             #autocompleteFormat="matAutocomplete"
             (optionSelected)="dialogState.spec.dimensions[i].units = $event.option.value"
           >

diff --git a/gui-js/libs/ui-components/src/lib/import-csv/import-csv.component.scss b/gui-js/libs/ui-components/src/lib/import-csv/import-csv.component.scss
@@ -91,7 +91,7 @@
 }
 
 ::ng-deep .mat-mdc-autocomplete-panel {
-  width: 9rem !important;
+  width: 14rem !important;
 }
 
 ::ng-deep .mat-mdc-option {
@@ -195,4 +195,4 @@ td {
       color: white;
     }
   }
-}
+}