chamomind/jws-frontend
chamomind/jws-frontend
6
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: accessibility (test-case cannot press)

Browse source
This commit is contained in:
Methapon2001 2024-04-22 15:26:31 +07:00
parent fa82ef4501
commit 255a27deb7
1 changed files with 58 additions and 47 deletions
Download patch file Download diff file Expand all files Collapse all files

29
src/pages/01_branch-management/MainPage.vue
View file

@ -410,14 +410,15 @@ watch(locale, () => {
<div class="row" style="flex-grow: 1; flex-wrap: nowrap"> <div class="row" style="flex-grow: 1; flex-wrap: nowrap">
<div class="tree-container q-pa-md bordered-r surface-2"> <div class="tree-container q-pa-md bordered-r surface-2">
<div class="row"> <div class="row">
<button
style="border: none; background: transparent"
:class="{ 'cursor-pointer': !!currentHq.id }"
id="br-prev"
>
<Icon <Icon
icon="ep:arrow-left-bold" icon="ep:arrow-left-bold"
width="21px" width="21px"
class="q-mr-sm" :class="{ 'app-text-muted': !currentHq.id }"
:class="{
'color-icon-arrow ': !currentHq.id,
'cursor-pointer': currentHq.id,
}"
@click=" @click="
() => { () => {
if (currentHq.id) { if (currentHq.id) {
@ -431,14 +432,18 @@ watch(locale, () => {
} }
" "
/> />
</button>
<button
style="border: none; background: transparent; padding: 0"
:class="{ 'cursor-pointer': !!beforeBranch.id }"
id="br-next"
>
<Icon <Icon
icon="ep:arrow-right-bold" icon="ep:arrow-right-bold"
width="21px" width="21px"
class="q-mr-md"
:class="{ :class="{
'color-icon-arrow ': !beforeBranch.id, 'app-text-muted': !beforeBranch.id,
'cursor-pointer': beforeBranch.id,
}" }"
@click=" @click="
() => { () => {
@ -453,18 +458,24 @@ watch(locale, () => {
} }
" "
/> />
</button>
<q-space /> <q-space />
<button
id="hq-add-btn"
style="border: none; background: transparent"
>
<Icon <Icon
icon="pixelarticons:plus" icon="pixelarticons:plus"
height="26" height="26"
class="color-icon-plus cursor-pointer" class="color-icon-plus cursor-pointer"
@click="triggerCreate('headOffice')" @click="triggerCreate('headOffice')"
/> />
</button>
</div> </div>
<div class="bordered rounded q-mt-md surface-1"> <div class="bordered rounded q-mt-sm surface-1">
<div <div
class="bordered-b q-pl-sm text-weight-bold surface-3" class="bordered-b q-pl-sm text-weight-bold surface-3"
style="height: 50px; display: flex; align-items: center" style="height: 50px; display: flex; align-items: center"