Add labels to dialog OK and Close buttons

This commit is contained in:
TalonTheDragon 2023-05-29 01:48:24 +02:00
parent be6c41d0c5
commit 91e5389f86
1 changed files with 4 additions and 0 deletions

View File

@ -26,6 +26,7 @@
<div ref="headerEl" class="header"> <div ref="headerEl" class="header">
<button <button
v-if="withOkButton" v-if="withOkButton"
:aria-label="i18n.t('close')"
class="_button" class="_button"
@click="$emit('close')" @click="$emit('close')"
> >
@ -36,6 +37,7 @@
</span> </span>
<button <button
v-if="!withOkButton" v-if="!withOkButton"
:aria-label="i18n.t('close')"
class="_button" class="_button"
@click="$emit('close')" @click="$emit('close')"
> >
@ -43,6 +45,7 @@
</button> </button>
<button <button
v-if="withOkButton" v-if="withOkButton"
:aria-label="i18n.t('ok')"
class="_button" class="_button"
:disabled="okButtonDisabled" :disabled="okButtonDisabled"
@click="$emit('ok')" @click="$emit('ok')"
@ -61,6 +64,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { FocusTrap } from "focus-trap-vue"; import { FocusTrap } from "focus-trap-vue";
import MkModal from "./MkModal.vue"; import MkModal from "./MkModal.vue";
import { i18n } from "@/i18n";
const props = withDefaults( const props = withDefaults(
defineProps<{ defineProps<{