From 29c63288bf8e0d65d2af3a9e0b2d5d52a0f0b64a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Thu, 25 Apr 2019 21:51:39 +0200
Subject: [PATCH] Add loading icon to group selector
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/boards/BoardItem.vue         | 6 +++---
 src/components/navigation/AppNavigation.vue | 3 ++-
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/boards/BoardItem.vue b/src/components/boards/BoardItem.vue
index 3ca504512..86707515f 100644
--- a/src/components/boards/BoardItem.vue
+++ b/src/components/boards/BoardItem.vue
@@ -21,9 +21,9 @@
 -->
 
 <template>
-	<router-link class="board-list-row"
-				 :id="`board-${board.id}`"
-				 :title="board.title" :to="routeTo" tag="div">
+	<router-link :id="`board-${board.id}`"
+		:title="board.title"
+		:to="routeTo" class="board-list-row" tag="div">
 		<div class="board-list-bullet-cell">
 			<div :style="{ 'background-color': board.bullet }" class="board-list-bullet" />
 		</div>
diff --git a/src/components/navigation/AppNavigation.vue b/src/components/navigation/AppNavigation.vue
index a1c0f6f92..7f81125c0 100644
--- a/src/components/navigation/AppNavigation.vue
+++ b/src/components/navigation/AppNavigation.vue
@@ -49,7 +49,8 @@
 				</button>
 			</div>
 			<div id="app-settings-content">
-				<Multiselect :options="groups" :multiple="true" v-model="groupLimit"
+				<Multiselect :class="{'icon-loading-small': groupLimitDisabled}" :options="groups" :multiple="true"
+					v-model="groupLimit"
 					:disabled="groupLimitDisabled" label="displayname" track-by="id"
 					@input="updateConfig" />
 				<p>{{ t('deck', 'Limiting Deck will block users not part of those groups from creating their own boards. Users will still be able to work on boards that have been shared with them.') }}</p>