From 9d5deaf9cd4ed76ab69eeddafceeb9c401d08e9a Mon Sep 17 00:00:00 2001
From: Sebastian <sebastian@squidex.io>
Date: Sat, 24 Oct 2020 20:24:42 +0200
Subject: [PATCH] Make tags gray to reserve blue for primary actions.

---
 .../pages/workflows/workflow.component.html        |  1 -
 .../forms/editors/tag-editor.component.html        |  1 -
 .../forms/editors/tag-editor.component.scss        | 14 +++-----------
 .../angular/forms/editors/tag-editor.component.ts  |  3 ---
 4 files changed, 3 insertions(+), 16 deletions(-)

diff --git a/frontend/app/features/settings/pages/workflows/workflow.component.html b/frontend/app/features/settings/pages/workflows/workflow.component.html
index 0522a6567..a854574da 100644
--- a/frontend/app/features/settings/pages/workflows/workflow.component.html
+++ b/frontend/app/features/settings/pages/workflows/workflow.component.html
@@ -6,7 +6,6 @@
             </div>
             <div class="col col-tags">
                 <sqx-tag-editor [converter]="schemasSource.converter | async" [ngModel]="workflow.schemaIds" 
-                    styleGray="true" 
                     styleBlank="true" 
                     singleLine="true" 
                     readonly="true">
diff --git a/frontend/app/framework/angular/forms/editors/tag-editor.component.html b/frontend/app/framework/angular/forms/editors/tag-editor.component.html
index 96da5f9fa..b6571521d 100644
--- a/frontend/app/framework/angular/forms/editors/tag-editor.component.html
+++ b/frontend/app/framework/angular/forms/editors/tag-editor.component.html
@@ -1,7 +1,6 @@
 <div class="form-container">
     <div class="form-control tags" #form (click)="input.focus()"
         [class.blank]="styleBlank" 
-        [class.gray]="styleGray" 
         [class.singleline]="singleLine"
         [class.readonly]="readonly"
         [class.multiline]="!singleLine"
diff --git a/frontend/app/framework/angular/forms/editors/tag-editor.component.scss b/frontend/app/framework/angular/forms/editors/tag-editor.component.scss
index c0e23a43c..0670aa950 100644
--- a/frontend/app/framework/angular/forms/editors/tag-editor.component.scss
+++ b/frontend/app/framework/angular/forms/editors/tag-editor.component.scss
@@ -115,24 +115,16 @@ div {
     padding-left: .25rem;
 }
 
-.gray {
-    .item {
-        background: $color-border;
-        color: $color-text;
-        cursor: default;
-    }
-}
-
 .icon-close {
     font-size: .6rem;
 }
 
 .item {
     & {
-        background: $color-theme-blue;
+        background: $color-input;
         border: 0;
-        border-radius: 2px;
-        color: $color-dark-foreground;
+        border-radius: 3px;
+        color: $color-text;
         cursor: default;
         display: inline-block;
         height: $inner-height;
diff --git a/frontend/app/framework/angular/forms/editors/tag-editor.component.ts b/frontend/app/framework/angular/forms/editors/tag-editor.component.ts
index 266b5c318..e7fc176c4 100644
--- a/frontend/app/framework/angular/forms/editors/tag-editor.component.ts
+++ b/frontend/app/framework/angular/forms/editors/tag-editor.component.ts
@@ -84,9 +84,6 @@ export class TagEditorComponent extends StatefulControlComponent<State, Readonly
     @Input()
     public styleBlank = false;
 
-    @Input()
-    public styleGray = false;
-
     @Input()
     public placeholder = 'i18n:common.tagAdd';