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>
|
||||
</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>
|
||||
</button>
|
||||
</mat-chip-row>
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
<mat-chip-grid #chipGrid [disabled]="form.disabled">
|
||||
<mat-chip-row *ngFor="let tag of tags" (removed)="remove(tag)">
|
||||
{{tag}}
|
||||
<button matChipRemove>
|
||||
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||
<mat-icon>cancel</mat-icon>
|
||||
</button>
|
||||
</mat-chip-row>
|
||||
|
|
|
@ -258,6 +258,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -257,6 +257,7 @@
|
|||
"EDIT": "Edit",
|
||||
"CANCEL": "Cancel",
|
||||
"DELETE": "Delete",
|
||||
"REMOVE": "Remove",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"BOOLEAN": {
|
||||
|
|
|
@ -259,6 +259,7 @@
|
|||
"EDIT": "Edit",
|
||||
"CANCEL": "Cancel",
|
||||
"DELETE": "Delete",
|
||||
"REMOVE": "Remove",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"BOOLEAN": {
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -261,6 +261,7 @@
|
|||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"CREATE": "Create",
|
||||
"REMOVE": "Remove",
|
||||
"BOOLEAN": {
|
||||
"YES": "Yes",
|
||||
"NO": "No"
|
||||
|
|
|
@ -260,6 +260,7 @@
|
|||
"CANCEL": "Cancel",
|
||||
"DELETE": "Delete",
|
||||
"NEW": "New",
|
||||
"REMOVE": "Remove",
|
||||
"CREATE": "Create",
|
||||
"BOOLEAN": {
|
||||
"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 * {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-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-weight: 300;
|
||||
line-height: 1.5em;
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
(edited)="editChipListValues($event, field)">
|
||||
{{field}}
|
||||
<button matChipRemove>
|
||||
<mat-icon>cancel</mat-icon>
|
||||
<mat-icon [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">cancel</mat-icon>
|
||||
</button>
|
||||
</mat-chip-row>
|
||||
<input placeholder="{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.FIELDS.MANDATORY-PLACEHOLDER' | translate}}"
|
||||
|
|
|
@ -228,7 +228,7 @@
|
|||
[editable]="true"
|
||||
(edited)="editChipListValues('cc', $event, field)">
|
||||
{{field}}
|
||||
<button matChipRemove>
|
||||
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||
<mat-icon>cancel</mat-icon>
|
||||
</button>
|
||||
</mat-chip-row>
|
||||
|
@ -262,7 +262,7 @@
|
|||
[editable]="true"
|
||||
(edited)="editChipListValues('bcc', $event, field)">
|
||||
{{field}}
|
||||
<button matChipRemove>
|
||||
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||
<mat-icon>cancel</mat-icon>
|
||||
</button>
|
||||
</mat-chip-row>
|
||||
|
@ -296,7 +296,7 @@
|
|||
[editable]="true"
|
||||
(edited)="editChipListValues('extraDataKeys', $event, field)">
|
||||
{{field}}
|
||||
<button matChipRemove>
|
||||
<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
|
||||
<mat-icon>cancel</mat-icon>
|
||||
</button>
|
||||
</mat-chip-row>
|
||||
|
|
|
@ -23,7 +23,6 @@
|
|||
@include mat.core();
|
||||
|
||||
// styles moved from material-dashboard.scss -> overwrite bootstrap default styles
|
||||
@import "assets/scss/core/variables/type";
|
||||
@import "assets/scss/core/type";
|
||||
|
||||
|
||||
|
|
Loading…
Reference in New Issue