accessibility fix for toggle components
This commit is contained in:
parent
44ce4fc449
commit
492a537a1a
2 changed files with 8 additions and 3 deletions
|
|
@ -6,11 +6,12 @@
|
|||
linkType="text"
|
||||
href="#!"
|
||||
:text="textForToggle"
|
||||
@click="handleClickToggle" />
|
||||
<div
|
||||
@click-event="handleClickToggle" />
|
||||
<button
|
||||
type="button"
|
||||
class="tpa-toggle d-inline-block"
|
||||
:class="[isDetailVisible ? 'active' : '']"
|
||||
@click="handleClickToggle"></div>
|
||||
@click="handleClickToggle"></button>
|
||||
<Transition>
|
||||
<div
|
||||
v-show="isDetailVisible"
|
||||
|
|
@ -60,6 +61,8 @@ export default {
|
|||
.tpa-recal-toggle {
|
||||
.tpa-toggle {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: none;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
|
|
|
|||
|
|
@ -62,6 +62,8 @@ export default {
|
|||
.recal-ack-toggle {
|
||||
.recal-ack-toggle {
|
||||
cursor: pointer;
|
||||
border: none;
|
||||
background: none;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
|
|
|
|||
Loading…
Reference in a new issue