jason/DigitalConsumer.ISS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

accessibility fix for toggle components

Browse source
This commit is contained in:
US\katie.kroell 2026-04-02 11:25:17 -04:00
parent 44ce4fc449
commit 492a537a1a
2 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/layouts/provider-preference/tpa-recal-modal/tpa-recal-toggle/tpa-recal-toggle.vue
View file

@ -6,11 +6,12 @@
linkType="text" linkType="text"
href="#!" href="#!"
:text="textForToggle" :text="textForToggle"
@click="handleClickToggle" /> @click-event="handleClickToggle" />
<div <button
type="button"
class="tpa-toggle d-inline-block" class="tpa-toggle d-inline-block"
:class="[isDetailVisible ? 'active' : '']" :class="[isDetailVisible ? 'active' : '']"
@click="handleClickToggle"></div> @click="handleClickToggle"></button>
<Transition> <Transition>
<div <div
v-show="isDetailVisible" v-show="isDetailVisible"
@ -60,6 +61,8 @@ export default {
.tpa-recal-toggle { .tpa-recal-toggle {
.tpa-toggle { .tpa-toggle {
cursor: pointer; cursor: pointer;
border: none;
background: none;
&::after { &::after {
content: ""; content: "";

2
src/layouts/schedule-page/recal-ack-modal/recal-ack-toggle/recal-ack-toggle.vue
View file

@ -62,6 +62,8 @@ export default {
.recal-ack-toggle { .recal-ack-toggle {
.recal-ack-toggle { .recal-ack-toggle {
cursor: pointer; cursor: pointer;
border: none;
background: none;
&::after { &::after {
content: ""; content: "";