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

♿ Fixes #281 (accessibility issues)

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-08 09:08:35 +05:30
parent 896c4e7561
commit 7a88d2d08c
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/styles.scss
View File

@@ -530,9 +530,9 @@ code {
} }
select, select,
input,
option { option {
height: 40px; height: 40px;
cursor: pointer;
} }
input[type="checkbox"] { input[type="checkbox"] {

7
components/history.vue
View File

@@ -6,12 +6,11 @@
aria-label="Search" aria-label="Search"
type="text" type="text"
placeholder="search history" placeholder="search history"
:readonly="history.length === 0"
v-model="filterText" v-model="filterText"
/> />
</li> </li>
</ul> </ul>
<ul> <ul v-if="history.length !== 0">
<li></li> <li></li>
<li @click="sort_by_label()"> <li @click="sort_by_label()">
<label> <label>
@@ -43,7 +42,7 @@
<virtual-list <virtual-list
class="virtual-list" class="virtual-list"
:class="{filled: filteredHistory.length}" :class="{filled: filteredHistory.length}"
:size="54" :size="56"
:remain="Math.min(5, filteredHistory.length)" :remain="Math.min(5, filteredHistory.length)"
> >
<ul v-for="(entry, index) in filteredHistory" :key="index" class="entry"> <ul v-for="(entry, index) in filteredHistory" :key="index" class="entry">
@@ -157,6 +156,8 @@
<style scoped lang="scss"> <style scoped lang="scss">
.virtual-list { .virtual-list {
min-height: 90px;
[readonly] { [readonly] {
cursor: default; cursor: default;
} }