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

riemer pushed a commit to branch STREAMPIPES-319
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git

commit f91b80099b2bbc05dc24d1b51eb7c70a0c167a13
Author: Dominik Riemer <[email protected]>
AuthorDate: Wed Jul 7 23:03:47 2021 +0200

    [STREAMPIPES-395] Harmonize colors of pipeline element customization 
components
---
 .../static-mapping-nary.component.html                 | 18 ++++++++++--------
 .../static-mapping-unary.component.html                |  2 +-
 .../editor/components/pipeline/pipeline.component.html |  2 +-
 ui/src/scss/sp/pipeline-element-loading.scss           |  4 ++--
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git 
a/ui/src/app/core-ui/static-properties/static-mapping-nary/static-mapping-nary.component.html
 
b/ui/src/app/core-ui/static-properties/static-mapping-nary/static-mapping-nary.component.html
index 1290b35..423f89e 100644
--- 
a/ui/src/app/core-ui/static-properties/static-mapping-nary/static-mapping-nary.component.html
+++ 
b/ui/src/app/core-ui/static-properties/static-mapping-nary/static-mapping-nary.component.html
@@ -22,15 +22,17 @@
                 style="margin-right:10px;margin-left:10px;">Select all
         </button>
         <button mat-button mat-raised-button class="mat-basic small-button" 
(click)="selectNone()">Select
-            none</button>
+            none
+        </button>
     </div>
     <div fxFlex="100" fxLayout="column" style="margin-top:10px;">
-                <mat-checkbox *ngFor="let property of availableProperties | 
displayRecommendedPipe: staticProperty.propertyScope: displayRecommended"
-                              [attr.data-cy]="property.runtimeName"
-                              [(ngModel)]="property['checked']"
-                              (change)="selectOption(property, $event)"
-                              style="margin-left: 10px;">
-                    {{property.runtimeName}}
-                </mat-checkbox>
+        <mat-checkbox
+                *ngFor="let property of availableProperties | 
displayRecommendedPipe: staticProperty.propertyScope: displayRecommended"
+                [attr.data-cy]="property.runtimeName"
+                [(ngModel)]="property['checked']"
+                (change)="selectOption(property, $event)"
+                style="margin-left: 10px;" color="accent">
+            {{property.runtimeName}}
+        </mat-checkbox>
     </div>
 </div>
diff --git 
a/ui/src/app/core-ui/static-properties/static-mapping-unary/static-mapping-unary.component.html
 
b/ui/src/app/core-ui/static-properties/static-mapping-unary/static-mapping-unary.component.html
index d7d2e13..3b5e843 100644
--- 
a/ui/src/app/core-ui/static-properties/static-mapping-unary/static-mapping-unary.component.html
+++ 
b/ui/src/app/core-ui/static-properties/static-mapping-unary/static-mapping-unary.component.html
@@ -18,7 +18,7 @@
 
 <div [formGroup]="parentForm" id="formWrapper">
     <div fxFlex="100" fxLayout="row">
-            <mat-form-field class="example-full-width">
+            <mat-form-field class="example-full-width" color="accent">
                 <!--<mat-form-field class="example-full-width">-->
                 <mat-select formControlName="{{fieldName}}" 
[placeholder]="staticProperty.label" [attr.data-cy]="fieldName">
                     <mat-option *ngFor="let property of availableProperties | 
displayRecommendedPipe: staticProperty.propertyScope: displayRecommended" 
[value]="property.propertySelector">
diff --git a/ui/src/app/editor/components/pipeline/pipeline.component.html 
b/ui/src/app/editor/components/pipeline/pipeline.component.html
index d9687c5..d7cce7f 100644
--- a/ui/src/app/editor/components/pipeline/pipeline.component.html
+++ b/ui/src/app/editor/components/pipeline/pipeline.component.html
@@ -25,7 +25,7 @@
         <span style="z-index:5;"
               [ngClass]="getElementCssClasses(pipelineElement)">
             <div class="pipeline-element-progress-container sp-fade" 
*ngIf="pipelineElement.settings.loadingStatus">
-                 <mat-spinner [mode]="'indeterminate'" 
class="pipeline-element-progress" [diameter]="40"></mat-spinner>
+                 <mat-spinner [mode]="'indeterminate'" 
class="pipeline-element-progress" [diameter]="40" color="accent"></mat-spinner>
             </div>
             <div class="pipeline-element-loading-container sp-fade-opacity"
                  *ngIf="pipelineElement.settings.loadingStatus"></div>
diff --git a/ui/src/scss/sp/pipeline-element-loading.scss 
b/ui/src/scss/sp/pipeline-element-loading.scss
index ed7340a..d89d105 100644
--- a/ui/src/scss/sp/pipeline-element-loading.scss
+++ b/ui/src/scss/sp/pipeline-element-loading.scss
@@ -22,7 +22,7 @@
   top:0px;
   width:98%;
   height:98%;
-  background:white;
+  background: var(--color-pe);
   opacity:0.8;
   z-index:6;
   border-radius:50%;
@@ -41,4 +41,4 @@
   margin-left:auto;
   margin-right:auto;
   top:36px;
-}
\ No newline at end of file
+}

Reply via email to