From 020cde7f31f7a18b02f4118825454bbcdf288d57 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Fri, 28 May 2021 00:20:05 +0100
Subject: [PATCH] Fix sidebar skeleton styling

---
 src/components/sidebar/PlayerList.vue | 2 +-
 src/components/sidebar/WorldList.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sidebar/PlayerList.vue b/src/components/sidebar/PlayerList.vue
index 2121a05..c4ef9c4 100644
--- a/src/components/sidebar/PlayerList.vue
+++ b/src/components/sidebar/PlayerList.vue
@@ -20,7 +20,7 @@
 		<template v-slot:default>
 			<RadioList class="section__content">
 				<PlayerListItem v-for="[account, player] in players" :key="account" :player="player"></PlayerListItem>
-				<span v-if="!players.size" class="section__skeleton">{{ skeletonPlayers }}</span>
+				<div v-if="!players.size" class="section__skeleton" aria-disabled="true" role="radio">{{ skeletonPlayers }}</div>
 			</RadioList>
 		</template>
 	</CollapsibleSection>
diff --git a/src/components/sidebar/WorldList.vue b/src/components/sidebar/WorldList.vue
index aea9f84..9995606 100644
--- a/src/components/sidebar/WorldList.vue
+++ b/src/components/sidebar/WorldList.vue
@@ -20,7 +20,7 @@
 		<template v-slot:default>
 			<RadioList class="section__content">
 				<WorldListItem :world="world" v-for="[name, world] in worlds" :key="`${prefix}_${currentServer.id}_${name}`"></WorldListItem>
-				<span v-if="!worlds.size" class="section__skeleton">{{ skeletonWorlds }}</span>
+				<div v-if="!worlds.size" class="section__skeleton" aria-disabled="true" role="radio">{{ skeletonWorlds }}</div>
 			</RadioList>
 		</template>
 	</CollapsibleSection>