Small a11y fixes
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
parent
93921be722
commit
d97927da13
@ -197,7 +197,7 @@ button.menubar__button {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.notification-info {
|
.notification-info {
|
||||||
@apply bg-mbz-info;
|
@apply bg-mbz-info text-black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.notification-warning {
|
.notification-warning {
|
||||||
|
@ -1,5 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<nav class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900">
|
<nav
|
||||||
|
class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 dark:bg-zinc-900"
|
||||||
|
id="navbar"
|
||||||
|
>
|
||||||
<div class="container mx-auto flex flex-wrap items-center mx-auto gap-4">
|
<div class="container mx-auto flex flex-wrap items-center mx-auto gap-4">
|
||||||
<router-link :to="{ name: RouteName.HOME }" class="flex items-center">
|
<router-link :to="{ name: RouteName.HOME }" class="flex items-center">
|
||||||
<MobilizonLogo class="w-40" />
|
<MobilizonLogo class="w-40" />
|
||||||
|
@ -21,6 +21,7 @@
|
|||||||
>
|
>
|
||||||
<li>
|
<li>
|
||||||
<o-select
|
<o-select
|
||||||
|
class="text-black dark:text-white"
|
||||||
:aria-label="t('Language')"
|
:aria-label="t('Language')"
|
||||||
v-model="locale"
|
v-model="locale"
|
||||||
:placeholder="t('Select a language')"
|
:placeholder="t('Select a language')"
|
||||||
|
@ -424,7 +424,7 @@
|
|||||||
<div class="flex-1 px-2">
|
<div class="flex-1 px-2">
|
||||||
<div
|
<div
|
||||||
id="results-anchor"
|
id="results-anchor"
|
||||||
class="hidden sm:flex items-center justify-between dark:text-slate-100"
|
class="hidden sm:flex items-center justify-between dark:text-slate-100 mb-2"
|
||||||
>
|
>
|
||||||
<p v-if="totalCount === 0">
|
<p v-if="totalCount === 0">
|
||||||
<span v-if="contentType === ContentType.EVENTS">{{
|
<span v-if="contentType === ContentType.EVENTS">{{
|
||||||
@ -465,7 +465,14 @@
|
|||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
<div class="flex gap-2">
|
<div class="flex gap-2">
|
||||||
<o-select :placeholder="t('Sort by')" v-model="sortBy">
|
<label class="sr-only" for="sortOptionSelect">{{
|
||||||
|
t("Sort by")
|
||||||
|
}}</label>
|
||||||
|
<o-select
|
||||||
|
:placeholder="t('Sort by')"
|
||||||
|
v-model="sortBy"
|
||||||
|
id="sortOptionSelect"
|
||||||
|
>
|
||||||
<option
|
<option
|
||||||
v-for="sortOption in sortOptions"
|
v-for="sortOption in sortOptions"
|
||||||
:key="sortOption.key"
|
:key="sortOption.key"
|
||||||
|
Loading…
Reference in New Issue
Block a user