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/01/23 16:29:06 UTC
[incubator-streampipes] 21/26: [hotfix] Improve layout of new adapter component
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
commit 12ca3b3c462afae914b1c76df02dc7c94a9e8815
Author: Dominik Riemer <do...@gmail.com>
AuthorDate: Sun Jan 23 12:06:48 2022 +0100
[hotfix] Improve layout of new adapter component
---
.../data-marketplace.component.scss | 1 -
.../new-adapter/new-adapter.component.html | 37 ++++++++++------------
2 files changed, 16 insertions(+), 22 deletions(-)
diff --git a/ui/src/app/connect/components/data-marketplace/data-marketplace.component.scss b/ui/src/app/connect/components/data-marketplace/data-marketplace.component.scss
index 459b31d..9034535 100644
--- a/ui/src/app/connect/components/data-marketplace/data-marketplace.component.scss
+++ b/ui/src/app/connect/components/data-marketplace/data-marketplace.component.scss
@@ -29,7 +29,6 @@
.marketplace-container {
width:100%;
- padding: 20px;
}
.page-container-connect {
diff --git a/ui/src/app/connect/components/new-adapter/new-adapter.component.html b/ui/src/app/connect/components/new-adapter/new-adapter.component.html
index 0f3e10e..c2777ee 100644
--- a/ui/src/app/connect/components/new-adapter/new-adapter.component.html
+++ b/ui/src/app/connect/components/new-adapter/new-adapter.component.html
@@ -17,29 +17,24 @@
-->
<div fxLayout="column" fxLayoutAlign="center stretch">
- <div fxLayout="row" fxFlex="100">
- <div fxFlex="80">
- <div fxLayout="column">
- <div fxLayout="column" fxLayoutAlign="start start">
- <div fxLayout="row" fxLayoutAlign="start start">
- <mat-icon *ngIf="isDataSetDescription" class="historic">lens</mat-icon>
- <mat-icon *ngIf="isDataStreamDescription" class="real-time">lens
- </mat-icon>
- <div fxLayoutAlign="start center">
- <p *ngIf="isDataSetDescription">Data Set</p>
- <p *ngIf="isDataStreamDescription">Data Stream</p>
- </div>
- </div>
- </div>
- <h1 *ngIf="!fromTemplate" class="new-adapter-title">New Source: {{adapter.templateTitle}}</h1>
- <h1 *ngIf="fromTemplate" class="new-adapter-title">From Template: {{adapter.templateTitle}}</h1>
+ <div fxLayout="column" fxFlex="100" class="p-10">
+ <div fxLayout="row" fxLayoutAlign="start center">
+ <mat-icon *ngIf="isDataSetDescription" class="historic">lens</mat-icon>
+ <mat-icon *ngIf="isDataStreamDescription" class="real-time">lens
+ </mat-icon>
+ <div fxLayoutAlign="start center">
+ <p *ngIf="isDataSetDescription">Data Set</p>
+ <p *ngIf="isDataStreamDescription">Data Stream</p>
+ </div>
+ <span fxFlex></span>
+ <div fxLayoutAlign="end start">
+ <button mat-icon-button (click)="removeSelection()">
+ <i class="material-icons">close</i>
+ </button>
</div>
</div>
- <div fxFlex="20" fxLayoutAlign="end start">
- <button mat-icon-button (click)="removeSelection()">
- <i class="material-icons">close</i>
- </button>
- </div>
+ <h1 *ngIf="!fromTemplate" class="new-adapter-title">New Source: {{adapter.templateTitle}}</h1>
+ <h1 *ngIf="fromTemplate" class="new-adapter-title">From Template: {{adapter.templateTitle}}</h1>
</div>
<mat-horizontal-stepper [linear]="true" #stepper color="accent" class="stepper">