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

Merge pull request #3116 from thelounge/xpaw/preview-label

Browse Source 
Add aria-label on link preview toggle button
This commit is contained in:
Jérémie Astori 2019-03-16 21:40:10 -04:00 committed by GitHub
commit b06eda8471
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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;