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 2020/04/15 17:28:39 UTC
[incubator-streampipes] branch STREAMPIPES-79 updated: Fix layout
of date inputs
This is an automated email from the ASF dual-hosted git repository.
zehnder pushed a commit to branch STREAMPIPES-79
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git
The following commit(s) were added to refs/heads/STREAMPIPES-79 by this push:
new c3af2a7 Fix layout of date inputs
c3af2a7 is described below
commit c3af2a7c8a0734b65dbc1f49a4addf2240cffbad
Author: Philipp Zehnder <ze...@fzi.de>
AuthorDate: Wed Apr 15 19:28:10 2020 +0200
Fix layout of date inputs
---
.../components/time-selector/timeRangeSelector.component.css | 12 ++++++++++++
.../time-selector/timeRangeSelector.component.html | 6 ++----
2 files changed, 14 insertions(+), 4 deletions(-)
diff --git a/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.css b/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.css
index 13cbc4a..f0e291c 100644
--- a/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.css
+++ b/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.css
@@ -15,3 +15,15 @@
* limitations under the License.
*
*/
+
+.start-date {
+ width: 130px;
+ margin-left: 10px;
+ margin-right: 5px;
+}
+
+.end-date {
+ width: 130px;
+ margin-left: 5px;
+ margin-right: 10px;
+}
diff --git a/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.html b/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.html
index 5fcf091..f26be05 100644
--- a/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.html
+++ b/ui/src/app/data-explorer-v2/components/time-selector/timeRangeSelector.component.html
@@ -18,24 +18,22 @@
<div flex layout-fill layout="row" layout-align="start center" style="padding-top: 5px;">
- <mat-form-field style="width: 270px; margin-left: 10px; margin-right: 10px;">
+ <mat-form-field appearance="outline" class="start-date">
<mat-label>Start</mat-label>
<input matInput
[owlDateTime]="dt1"
[owlDateTimeTrigger]="dt1"
[(ngModel)]="dateRange.startDate"
(dateTimeChange)="changeCustomDateRange()">
- <mat-icon matSuffix [owlDateTimeTrigger]="dt1" style="color: grey">event</mat-icon>
<owl-date-time #dt1></owl-date-time>
</mat-form-field>
- <mat-form-field style="width: 270px; margin-left: 10px; margin-right: 10px;">
+ <mat-form-field appearance="outline" class="end-date">
<mat-label>End</mat-label>
<input matInput
[owlDateTime]="dt2"
[owlDateTimeTrigger]="dt2"
[(ngModel)]="dateRange.endDate"
(dateTimeChange)="changeCustomDateRange()">
- <mat-icon matSuffix [owlDateTimeTrigger]="dt2" style="color: grey">event</mat-icon>
<owl-date-time #dt2></owl-date-time>
</mat-form-field>