add attr label to chip remove icons, move all necessary info to _type.scss and remove variables/type

This commit is contained in:
mchouliara 2024-10-02 17:25:42 +03:00
parent 0fa24f23ba
commit 064604298a
17 changed files with 36 additions and 8 deletions

View File

@ -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>

View File

@ -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>

View File

@ -258,6 +258,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -257,6 +257,7 @@
"EDIT": "Edit",
"CANCEL": "Cancel",
"DELETE": "Delete",
"REMOVE": "Remove",
"NEW": "New",
"CREATE": "Create",
"BOOLEAN": {

View File

@ -259,6 +259,7 @@
"EDIT": "Edit",
"CANCEL": "Cancel",
"DELETE": "Delete",
"REMOVE": "Remove",
"NEW": "New",
"CREATE": "Create",
"BOOLEAN": {

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -261,6 +261,7 @@
"DELETE": "Delete",
"NEW": "New",
"CREATE": "Create",
"REMOVE": "Remove",
"BOOLEAN": {
"YES": "Yes",
"NO": "No"

View File

@ -260,6 +260,7 @@
"CANCEL": "Cancel",
"DELETE": "Delete",
"NEW": "New",
"REMOVE": "Remove",
"CREATE": "Create",
"BOOLEAN": {
"YES": "Yes",

View File

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

View File

@ -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}}"

View File

@ -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>

View File

@ -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";