From fd82b6c527be6403f0578a5f1f6186d9f74a0583 Mon Sep 17 00:00:00 2001
From: James Lyne <jim+github@not-null.co.uk>
Date: Fri, 28 May 2021 14:35:03 +0100
Subject: [PATCH] Move skeletons outside of RadioList

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

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