btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

chore(a11y): improve component roles

Browse Source
This commit is contained in:
liyasthomas
2022-03-01 12:11:53 +05:30
parent b3d0d4d86b
commit 9bd55b6db5
39 changed files with 498 additions and 420 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
packages/hoppscotch-app/components/environments/index.vue
View File

@@ -20,31 +20,33 @@
/>
</span>
</template>
<SmartItem
:label="`${$t('environment.no_environment')}`"
:info-icon="selectedEnvironmentIndex === -1 ? 'done' : ''"
:active-info-icon="selectedEnvironmentIndex === -1"
@click.native="
() => {
selectedEnvironmentIndex = -1
$refs.options.tippy().hide()
}
"
/>
<hr />
<SmartItem
v-for="(gen, index) in environments"
:key="`gen-${index}`"
:label="gen.name"
:info-icon="index === selectedEnvironmentIndex ? 'done' : ''"
:active-info-icon="index === selectedEnvironmentIndex"
@click.native="
() => {
selectedEnvironmentIndex = index
$refs.options.tippy().hide()
}
"
/>
<div class="flex flex-col" role="menu">
<SmartItem
:label="`${$t('environment.no_environment')}`"
:info-icon="selectedEnvironmentIndex === -1 ? 'done' : ''"
:active-info-icon="selectedEnvironmentIndex === -1"
@click.native="
() => {
selectedEnvironmentIndex = -1
$refs.options.tippy().hide()
}
"
/>
<hr />
<SmartItem
v-for="(gen, index) in environments"
:key="`gen-${index}`"
:label="gen.name"
:info-icon="index === selectedEnvironmentIndex ? 'done' : ''"
:active-info-icon="index === selectedEnvironmentIndex"
@click.native="
() => {
selectedEnvironmentIndex = index
$refs.options.tippy().hide()
}
"
/>
</div>
</tippy>
<div class="flex justify-between flex-1 border-b border-dividerLight">
<ButtonSecondary