[streampipes] branch 1794-aggregation-field-in-data-explorer-widget-is-broken updated: Fix width of aggregation box in data explorer (#1794)

[riemer]

This is an automated email from the ASF dual-hosted git repository.

riemer pushed a commit to branch 
1794-aggregation-field-in-data-explorer-widget-is-broken
in repository https://gitbox.apache.org/repos/asf/streampipes.git


The following commit(s) were added to 
refs/heads/1794-aggregation-field-in-data-explorer-widget-is-broken by this 
push:
     new b1dac704c Fix width of aggregation box in data explorer (#1794)
b1dac704c is described below

commit b1dac704ce9d5cb43018944c43f8c6bc92dec100
Author: Dominik Riemer <dominik.rie...@gmail.com>
AuthorDate: Wed Jul 26 22:55:00 2023 +0200

    Fix width of aggregation box in data explorer (#1794)
---
 .../data-settings/field-selection/field-selection.component.html   | 1 +
 .../filter-selection-panel/filter-selection-panel.component.html   | 2 ++
 ui/src/scss/sp/sp-theme.scss                                       | 7 +++++++
 3 files changed, 10 insertions(+)

diff --git 
a/ui/src/app/data-explorer/components/designer-panel/data-settings/field-selection/field-selection.component.html
 
b/ui/src/app/data-explorer/components/designer-panel/data-settings/field-selection/field-selection.component.html
index 26613dc27..c1aa46e71 100644
--- 
a/ui/src/app/data-explorer/components/designer-panel/data-settings/field-selection/field-selection.component.html
+++ 
b/ui/src/app/data-explorer/components/designer-panel/data-settings/field-selection/field-selection.component.html
@@ -36,6 +36,7 @@
                 disableRipple
                 [(ngModel)]="field.aggregations"
                 multiple
+                [panelClass]="'form-field-small-min-width'"
                 (ngModelChange)="triggerConfigurationUpdate()"
             >
                 <mat-option [value]="'MEAN'" *ngIf="field.numeric">
diff --git 
a/ui/src/app/data-explorer/components/designer-panel/data-settings/filter-selection-panel/filter-selection-panel.component.html
 
b/ui/src/app/data-explorer/components/designer-panel/data-settings/filter-selection-panel/filter-selection-panel.component.html
index d0910d865..7e0357db7 100644
--- 
a/ui/src/app/data-explorer/components/designer-panel/data-settings/filter-selection-panel/filter-selection-panel.component.html
+++ 
b/ui/src/app/data-explorer/components/designer-panel/data-settings/filter-selection-panel/filter-selection-panel.component.html
@@ -51,6 +51,7 @@
                         [(value)]="filter.field"
                         (selectionChange)="updateWidget()"
                         [compareWith]="compare"
+                        panelClass="form-field-small"
                         data-cy="design-panel-data-settings-filter-field"
                     >
                         <mat-option
@@ -69,6 +70,7 @@
                 >
                     <mat-select
                         [(value)]="filter.operator"
+                        panelClass="form-field-smalls"
                         (selectionChange)="updateWidget()"
                         data-cy="design-panel-data-settings-filter-operator"
                     >
diff --git a/ui/src/scss/sp/sp-theme.scss b/ui/src/scss/sp/sp-theme.scss
index 4db4f336f..440921970 100644
--- a/ui/src/scss/sp/sp-theme.scss
+++ b/ui/src/scss/sp/sp-theme.scss
@@ -268,4 +268,11 @@ $accent: map-get($custom-theme-light, accent);
             font-size: 14px;
         }
     }
+
+    .form-field-small-min-width {
+        min-width: 130px;
+        .mdc-list-item__primary-text {
+            font-size: 14px;
+        }
+    }
 }