[streampipes] branch dev updated: Fix width of aggregation box in data explorer (#1794) (#1797)

[riemer]

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

riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git


The following commit(s) were added to refs/heads/dev by this push:
     new a5276b250 Fix width of aggregation box in data explorer (#1794) (#1797)
a5276b250 is described below

commit a5276b25090a01ba83fdf2c072af990155e131b1
Author: Dominik Riemer <dominik.rie...@gmail.com>
AuthorDate: Thu Jul 27 19:46:02 2023 +0200

    Fix width of aggregation box in data explorer (#1794) (#1797)
---
 .../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;
+        }
+    }
 }