MOBILE-4565 a11y: Minimum a11y fixes
parent
86477e69c5
commit
37b729326f
|
@ -2,7 +2,7 @@
|
|||
<ion-toolbar>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -23,16 +23,16 @@
|
|||
color: var(--addon-messages-discussion-badge-text);
|
||||
background-color: var(--addon-messages-discussion-badge);
|
||||
display: block;
|
||||
@include position(0, 0, null, null);
|
||||
@include position(0px, 0px, null, null);
|
||||
}
|
||||
|
||||
ion-header ion-toolbar ion-title {
|
||||
padding: 0;
|
||||
padding: 0px;
|
||||
|
||||
h1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0;
|
||||
padding: 0px;
|
||||
|
||||
.core-bar-button-image {
|
||||
@include margin-horizontal(null, 6px);
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<ion-toolbar>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="cancel()" [attr.aria-label]="'core.cancel' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="close()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
</ion-title>
|
||||
<ion-buttons slot="end">
|
||||
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate">
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden=true />
|
||||
<ion-icon name="fas-xmark" slot="icon-only" aria-hidden="true" />
|
||||
</ion-button>
|
||||
</ion-buttons>
|
||||
</ion-toolbar>
|
||||
|
|
|
@ -1,7 +1,7 @@
|
|||
:host-context(.ios) {
|
||||
ion-footer .toolbar:last-child {
|
||||
padding-bottom: 4px;
|
||||
min-height: 0;
|
||||
min-height: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -10,7 +10,11 @@ ion-content {
|
|||
--background: var(--content-background);
|
||||
|
||||
&::part(scroll) {
|
||||
padding-bottom: 0 !important;
|
||||
padding-bottom: 0px !important;
|
||||
}
|
||||
|
||||
core-empty-box {
|
||||
--core-empty-box-icon-color: var(--dark);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue