You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@streampipes.apache.org by ri...@apache.org on 2022/09/19 19:48:49 UTC
[incubator-streampipes] branch dev updated: [hotfix] Fix flickering in data explorer slide view
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/incubator-streampipes.git
The following commit(s) were added to refs/heads/dev by this push:
new 82cc17842 [hotfix] Fix flickering in data explorer slide view
new 24f60b733 Merge branch 'dev' of github.com:apache/incubator-streampipes into dev
82cc17842 is described below
commit 82cc17842418ea29069a0de84570280e53b434fb
Author: Dominik Riemer <do...@gmail.com>
AuthorDate: Mon Sep 19 21:48:29 2022 +0200
[hotfix] Fix flickering in data explorer slide view
---
.../slide-view/data-explorer-dashboard-slide-view.component.html | 2 +-
.../slide-view/data-explorer-dashboard-slide-view.component.scss | 5 +++++
.../components/widget/data-explorer-dashboard-widget.component.html | 2 +-
.../components/widget/data-explorer-dashboard-widget.component.scss | 5 +++++
4 files changed, 12 insertions(+), 2 deletions(-)
diff --git a/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.html b/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.html
index 3fefb758d..df87da3df 100644
--- a/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.html
+++ b/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.html
@@ -33,7 +33,7 @@
</div>
</div>
<div fxFlex="100">
- <div class="h-100 w-100" id="slideViewOuter" fxFlex="100">
+ <div class="h-100 w-100 mw-100" id="slideViewOuter" fxFlex="100">
<sp-data-explorer-dashboard-widget
[ngStyle]="{height: gridsterItemComponent.height -15 + 'px'}"
[timeSettings]="timeSettings"
diff --git a/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.scss b/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.scss
index 3fc10a6c1..8203bd372 100644
--- a/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.scss
+++ b/ui/src/app/data-explorer/components/widget-view/slide-view/data-explorer-dashboard-slide-view.component.scss
@@ -41,3 +41,8 @@
text-align: center;
font-size: 10pt;
}
+
+.mw-100 {
+ max-width: 100%;
+ overflow-x: hidden;
+}
diff --git a/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.html b/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.html
index 828fe498b..8c4b4b548 100644
--- a/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.html
+++ b/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.html
@@ -84,7 +84,7 @@
</button>
</div>
</div>
- <div class="widget-content p-0 gridster-item-content ml-0 mr-0 h-100">
+ <div class="widget-content p-0 gridster-item-content ml-0 mr-0 h-100 mw-100">
<ng-template widgetHost class="h-100 p-0"></ng-template>
<div fxFlex="100"
fxLayout="column"
diff --git a/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.scss b/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.scss
index 2128ace62..79be76d21 100644
--- a/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.scss
+++ b/ui/src/app/data-explorer/components/widget/data-explorer-dashboard-widget.component.scss
@@ -96,3 +96,8 @@
height: 0px;
}
+.mw-100 {
+ max-width: 100%;
+ width: 100%;
+ overflow-x: hidden;
+}