From 9ced6ae8c6ead0318eb24037413365bd3b799d39 Mon Sep 17 00:00:00 2001
From: Vincent Petry <vincent@nextcloud.com>
Date: Wed, 13 Jan 2021 09:33:30 +0100
Subject: [PATCH] Pad random color with leading zeroes

Fixes issue with color validation when leading zeroes are missing.

Signed-off-by: Vincent Petry <vincent@nextcloud.com>
---
 src/components/navigation/AppNavigationAddBoard.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/navigation/AppNavigationAddBoard.vue b/src/components/navigation/AppNavigationAddBoard.vue
index cc34cb640..461048d2a 100644
--- a/src/components/navigation/AppNavigationAddBoard.vue
+++ b/src/components/navigation/AppNavigationAddBoard.vue
@@ -39,7 +39,13 @@
 <script>
 import { ColorPicker, ActionButton, Actions, AppNavigationItem } from '@nextcloud/vue'
 
-const randomColor = () => '#' + ((1 << 24) * Math.random() | 0).toString(16)
+function randomColor() {
+	let randomHexColor = ((1 << 24) * Math.random() | 0).toString(16)
+	while (randomHexColor.length < 6) {
+		randomHexColor = '0' + randomHexColor
+	}
+	return '#' + randomHexColor
+}
 
 export default {
 	name: 'AppNavigationAddBoard',