EVOgeek
/
Vmeda.Online
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

MOBILE-4565 a11y: Minimum a11y fixes

main
Pau Ferrer Ocaña 2024-04-25 10:15:42 +02:00
parent 86477e69c5
commit 37b729326f
14 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/addons/calendar/components/filter/filter.html
View File

@ -2,7 +2,7 @@
<ion-toolbar> <ion-toolbar>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

6
src/addons/messages/pages/discussion/discussion.scss
View File

@ -23,16 +23,16 @@
color: var(--addon-messages-discussion-badge-text); color: var(--addon-messages-discussion-badge-text);
background-color: var(--addon-messages-discussion-badge); background-color: var(--addon-messages-discussion-badge);
display: block; display: block;
@include position(0, 0, null, null); @include position(0px, 0px, null, null);
} }
ion-header ion-toolbar ion-title { ion-header ion-toolbar ion-title {
padding: 0; padding: 0px;
h1 { h1 {
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0; padding: 0px;
.core-bar-button-image { .core-bar-button-image {
@include margin-horizontal(null, 6px); @include margin-horizontal(null, 6px);

2
src/addons/mod/book/components/toc/toc.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/addons/mod/data/components/search/search.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/addons/mod/imscp/components/toc/toc.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/addons/mod/workshop/components/phase/phase.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/addons/notes/components/add/add-modal.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/core/features/block/components/side-blocks/side-blocks.html
View File

@ -2,7 +2,7 @@
<ion-toolbar> <ion-toolbar>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/core/features/policy/components/policy-modal/policy-modal.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/core/features/policy/pages/site-policy/site-policy.html
View File

@ -10,7 +10,7 @@
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="cancel()" [attr.aria-label]="'core.cancel' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/core/features/search/components/global-search-filters/global-search-filters.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="close()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/core/features/sharedfiles/components/list-modal/list-modal.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

2
src/core/features/viewer/components/qr-scanner/qr-scanner.html
View File

@ -5,7 +5,7 @@
</ion-title> </ion-title>
<ion-buttons slot="end"> <ion-buttons slot="end">
<ion-button fill="clear" (click)="closeModal()" [attr.aria-label]="'core.close' | translate"> <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-button>
</ion-buttons> </ion-buttons>
</ion-toolbar> </ion-toolbar>

8
src/theme/components/discussion.scss
View File

@ -1,7 +1,7 @@
:host-context(.ios) { :host-context(.ios) {
ion-footer .toolbar:last-child { ion-footer .toolbar:last-child {
padding-bottom: 4px; padding-bottom: 4px;
min-height: 0; min-height: 0px;
} }
} }
@ -10,7 +10,11 @@ ion-content {
--background: var(--content-background); --background: var(--content-background);
&::part(scroll) { &::part(scroll) {
padding-bottom: 0 !important; padding-bottom: 0px !important;
}
core-empty-box {
--core-empty-box-icon-color: var(--dark);
} }
} }