supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Add aria-label on link preview toggle button

Browse Source
This commit is contained in:
Pavel Djundik 2019-03-13 19:08:32 +02:00
parent a33108bd49
commit 7df26dc373
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/components/LinkPreviewToggle.vue
View File

@ -2,6 +2,7 @@
<button <button
v-if="link.type !== 'loading'" v-if="link.type !== 'loading'"
:class="['toggle-button', 'toggle-preview', { opened: link.shown }]" :class="['toggle-button', 'toggle-preview', { opened: link.shown }]"
:aria-label="ariaLabel"
@click="onClick" @click="onClick"
/> />
</template> </template>
@ -12,6 +13,11 @@ export default {
props: { props: {
link: Object, link: Object,
}, },
computed: {
ariaLabel() {
return this.link.shown ? "Collapse preview" : "Expand preview";
},
},
methods: { methods: {
onClick() { onClick() {
this.link.shown = !this.link.shown; this.link.shown = !this.link.shown;