add attr label to chip remove icons, move all necessary info to _type.scss and remove variables/type
This commit is contained in:
parent
0fa24f23ba
commit
064604298a
|
@ -11,7 +11,7 @@
|
||||||
}" />
|
}" />
|
||||||
<span *ngIf="!_selectedValueTemplate(selectedItem)" class="chip-text" [title]="_displayFn(selectedItem)">{{_displayFn(selectedItem)}}</span>
|
<span *ngIf="!_selectedValueTemplate(selectedItem)" class="chip-text" [title]="_displayFn(selectedItem)">{{_displayFn(selectedItem)}}</span>
|
||||||
</ng-container>
|
</ng-container>
|
||||||
<button matChipRemove *ngIf="!disabled && _canRemoveItem(getSelectedItem(value))" (click)="_removeSelectedItem(getSelectedItem(value), $event)">
|
<button matChipRemove *ngIf="!disabled && _canRemoveItem(getSelectedItem(value))" (click)="_removeSelectedItem(getSelectedItem(value), $event)" [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||||
<mat-icon>cancel</mat-icon>
|
<mat-icon>cancel</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-chip-row>
|
</mat-chip-row>
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
<mat-chip-grid #chipGrid [disabled]="form.disabled">
|
<mat-chip-grid #chipGrid [disabled]="form.disabled">
|
||||||
<mat-chip-row *ngFor="let tag of tags" (removed)="remove(tag)">
|
<mat-chip-row *ngFor="let tag of tags" (removed)="remove(tag)">
|
||||||
{{tag}}
|
{{tag}}
|
||||||
<button matChipRemove>
|
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||||
<mat-icon>cancel</mat-icon>
|
<mat-icon>cancel</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-chip-row>
|
</mat-chip-row>
|
||||||
|
|
|
@ -258,6 +258,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -257,6 +257,7 @@
|
||||||
"EDIT": "Edit",
|
"EDIT": "Edit",
|
||||||
"CANCEL": "Cancel",
|
"CANCEL": "Cancel",
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
|
|
|
@ -259,6 +259,7 @@
|
||||||
"EDIT": "Edit",
|
"EDIT": "Edit",
|
||||||
"CANCEL": "Cancel",
|
"CANCEL": "Cancel",
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -261,6 +261,7 @@
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
"NO": "No"
|
"NO": "No"
|
||||||
|
|
|
@ -260,6 +260,7 @@
|
||||||
"CANCEL": "Cancel",
|
"CANCEL": "Cancel",
|
||||||
"DELETE": "Delete",
|
"DELETE": "Delete",
|
||||||
"NEW": "New",
|
"NEW": "New",
|
||||||
|
"REMOVE": "Remove",
|
||||||
"CREATE": "Create",
|
"CREATE": "Create",
|
||||||
"BOOLEAN": {
|
"BOOLEAN": {
|
||||||
"YES": "Yes",
|
"YES": "Yes",
|
||||||
|
|
|
@ -1,9 +1,27 @@
|
||||||
|
$font-family-sans-serif: 'Roboto', 'Helvetica', 'Arial', sans-serif !default;
|
||||||
|
$font-family-serif: 'Roboto Slab', 'Times New Roman', serif !default;
|
||||||
|
|
||||||
|
$font-size-h1: 2.5rem;
|
||||||
|
$font-size-h2: 2.25rem !default;
|
||||||
|
$font-size-h3: 1.5625rem;
|
||||||
|
$font-size-h4: 1.125rem !default;
|
||||||
|
$font-size-h5: 1.0625rem !default;
|
||||||
|
$font-size-h6: 1rem !default;
|
||||||
|
$font-size-small: 13px !default;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
$font-weight-light: 200 !default;
|
||||||
|
$font-weight-default: 300 !default;
|
||||||
|
$font-weight-bold: 400 !default;
|
||||||
|
$font-weight-extra-bold: 500 !default;
|
||||||
|
|
||||||
html * {
|
html * {
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
|
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
|
||||||
font-family: $font-family-sans-serif;
|
font-family: $font-family-sans-serif;
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
(edited)="editChipListValues($event, field)">
|
(edited)="editChipListValues($event, field)">
|
||||||
{{field}}
|
{{field}}
|
||||||
<button matChipRemove>
|
<button matChipRemove>
|
||||||
<mat-icon>cancel</mat-icon>
|
<mat-icon [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">cancel</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-chip-row>
|
</mat-chip-row>
|
||||||
<input placeholder="{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.FIELDS.MANDATORY-PLACEHOLDER' | translate}}"
|
<input placeholder="{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.FIELDS.MANDATORY-PLACEHOLDER' | translate}}"
|
||||||
|
|
|
@ -228,7 +228,7 @@
|
||||||
[editable]="true"
|
[editable]="true"
|
||||||
(edited)="editChipListValues('cc', $event, field)">
|
(edited)="editChipListValues('cc', $event, field)">
|
||||||
{{field}}
|
{{field}}
|
||||||
<button matChipRemove>
|
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||||
<mat-icon>cancel</mat-icon>
|
<mat-icon>cancel</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-chip-row>
|
</mat-chip-row>
|
||||||
|
@ -262,7 +262,7 @@
|
||||||
[editable]="true"
|
[editable]="true"
|
||||||
(edited)="editChipListValues('bcc', $event, field)">
|
(edited)="editChipListValues('bcc', $event, field)">
|
||||||
{{field}}
|
{{field}}
|
||||||
<button matChipRemove>
|
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||||
<mat-icon>cancel</mat-icon>
|
<mat-icon>cancel</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-chip-row>
|
</mat-chip-row>
|
||||||
|
@ -296,7 +296,7 @@
|
||||||
[editable]="true"
|
[editable]="true"
|
||||||
(edited)="editChipListValues('extraDataKeys', $event, field)">
|
(edited)="editChipListValues('extraDataKeys', $event, field)">
|
||||||
{{field}}
|
{{field}}
|
||||||
<button matChipRemove>
|
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||||
<mat-icon>cancel</mat-icon>
|
<mat-icon>cancel</mat-icon>
|
||||||
</button>
|
</button>
|
||||||
</mat-chip-row>
|
</mat-chip-row>
|
||||||
|
|
|
@ -23,7 +23,6 @@
|
||||||
@include mat.core();
|
@include mat.core();
|
||||||
|
|
||||||
// styles moved from material-dashboard.scss -> overwrite bootstrap default styles
|
// styles moved from material-dashboard.scss -> overwrite bootstrap default styles
|
||||||
@import "assets/scss/core/variables/type";
|
|
||||||
@import "assets/scss/core/type";
|
@import "assets/scss/core/type";
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue