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>
<div class="col col-tags"> <div class="col col-tags">
<sqx-tag-editor [converter]="schemasSource.converter | async" [ngModel]="workflow.schemaIds" <sqx-tag-editor [converter]="schemasSource.converter | async" [ngModel]="workflow.schemaIds"
styleGray="true"
styleBlank="true" styleBlank="true"
singleLine="true" singleLine="true"
readonly="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-container">
<div class="form-control tags" #form (click)="input.focus()" <div class="form-control tags" #form (click)="input.focus()"
[class.blank]="styleBlank" [class.blank]="styleBlank"
[class.gray]="styleGray"
[class.singleline]="singleLine" [class.singleline]="singleLine"
[class.readonly]="readonly" [class.readonly]="readonly"
[class.multiline]="!singleLine" [class.multiline]="!singleLine"

14
frontend/app/framework/angular/forms/editors/tag-editor.component.scss

@ -115,24 +115,16 @@ div {
padding-left: .25rem; padding-left: .25rem;
} }
.gray {
.item {
background: $color-border;
color: $color-text;
cursor: default;
}
}
.icon-close { .icon-close {
font-size: .6rem; font-size: .6rem;
} }
.item { .item {
& { & {
background: $color-theme-blue; background: $color-input;
border: 0; border: 0;
border-radius: 2px; border-radius: 3px;
color: $color-dark-foreground; color: $color-text;
cursor: default; cursor: default;
display: inline-block; display: inline-block;
height: $inner-height; 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() @Input()
public styleBlank = false; public styleBlank = false;
@Input()
public styleGray = false;
@Input() @Input()
public placeholder = 'i18n:common.tagAdd'; public placeholder = 'i18n:common.tagAdd';

Loading…
Cancel
Save