Browse Source

Make tags gray to reserve blue for primary actions.

release/4.x
Sebastian 5 years ago
parent
commit
9d5deaf9cd
  1. 1
      frontend/app/features/settings/pages/workflows/workflow.component.html
  2. 1
      frontend/app/framework/angular/forms/editors/tag-editor.component.html
  3. 14
      frontend/app/framework/angular/forms/editors/tag-editor.component.scss
  4. 3
      frontend/app/framework/angular/forms/editors/tag-editor.component.ts

1
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">

1
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"

14
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;

3
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';

Loading…
Cancel
Save