You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ze...@apache.org on 2022/01/19 21:14:03 UTC
[incubator-streampipes] branch STREAMPIPES-507 updated: [STREAMPIPES-507] Change width of widget configuration menu
This is an automated email from the ASF dual-hosted git repository.
zehnder pushed a commit to branch STREAMPIPES-507
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git
The following commit(s) were added to refs/heads/STREAMPIPES-507 by this push:
new 540e5bd [STREAMPIPES-507] Change width of widget configuration menu
540e5bd is described below
commit 540e5bd10134428f97f5c81953e9f711f91fe337
Author: Philipp Zehnder <ze...@fzi.de>
AuthorDate: Wed Jan 19 22:13:52 2022 +0100
[STREAMPIPES-507] Change width of widget configuration menu
---
.../filter-selection-panel/filter-selection-panel.component.html | 4 ++--
.../components/panel/data-explorer-dashboard-panel.component.css | 2 +-
.../panel/data-explorer-dashboard-panel.component.html | 9 +++++++--
ui/src/scss/sp/layout.scss | 4 ++++
4 files changed, 14 insertions(+), 5 deletions(-)
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 e5413ac..0c8dabf 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
@@ -29,7 +29,7 @@
fxLayout="column">
<div fxFlex="100" fxLayout="column">
<div fxFlex="100" fxLayout="row" fxLayoutAlign="start center">
- <mat-form-field color="accent" class="w-100-px mr-15">
+ <mat-form-field color="accent" class="w-150-px mr-15">
<mat-label>Field</mat-label>
<mat-select
[(value)]="filter.field"
@@ -66,7 +66,7 @@
</mat-option>
</mat-select>
</mat-form-field>
- <mat-form-field color="accent" class="w-100-px mr-15">
+ <mat-form-field color="accent" class="w-150-px mr-15">
<mat-label>Value</mat-label>
<input matInput
[(ngModel)]="filter.value"
diff --git a/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.css b/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.css
index 177546c..3236d72 100644
--- a/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.css
+++ b/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.css
@@ -36,7 +36,7 @@
}
.designer-panel {
- width: 350px;
+ width: 400px;
border: 1px solid var(--color-tab-border);
}
diff --git a/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.html b/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.html
index 5b898aa..014c67f 100644
--- a/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.html
+++ b/ui/src/app/data-explorer/components/panel/data-explorer-dashboard-panel.component.html
@@ -54,8 +54,13 @@
<div fxFlex="100" fxLayout="column">
<mat-drawer-container class="designer-panel-container h-100 dashboard-grid">
- <mat-drawer #designerDrawer [opened]="showDesignerPanel" mode="side" position="end" class="designer-panel"
- (opened)="triggerResize()" (closed)="triggerResize()">
+ <mat-drawer #designerDrawer
+ [opened]="showDesignerPanel"
+ (opened)="triggerResize()"
+ (closed)="triggerResize()"
+ mode="side"
+ position="end"
+ class="designer-panel">
<div fxLayout="column" fxFlex="100">
<sp-data-explorer-designer-panel #designerPanel
[currentlyConfiguredWidget]="currentlyConfiguredWidget"
diff --git a/ui/src/scss/sp/layout.scss b/ui/src/scss/sp/layout.scss
index 51493b9..c6858eb 100644
--- a/ui/src/scss/sp/layout.scss
+++ b/ui/src/scss/sp/layout.scss
@@ -96,6 +96,10 @@
width: 100px;
}
+.w-150-px {
+ width: 150px;
+}
+
.w-100 {
width: 100%;
}