From 973816ca1ab12401724996cf873233096b2d31df Mon Sep 17 00:00:00 2001
From: Alberto Xamin <alberto@xamin.it>
Date: Wed, 25 Nov 2020 21:08:28 +0100
Subject: [PATCH] selectable room password

---
 frontend/src/App.vue              | 6 ++++++
 frontend/src/components/Lobby.vue | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 237eef4..4e72340 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -146,6 +146,12 @@ export default {
 	-ms-user-select: none;      /* Internet Explorer 10 and later */
 	user-select: none;          /* Likely future */
 }
+.selectable {
+	-webkit-user-select: text !important;  /* Chrome all and Safari all */
+	-moz-user-select: text !important;     /* Firefox all */
+	-ms-user-select: text !important;      /* Internet Explorer 10 and later */
+	user-select: text !important;          /* Likely future */
+}
 #logo {
 	margin-top: 60pt;
 	margin-bottom: 60pt !important;
diff --git a/frontend/src/components/Lobby.vue b/frontend/src/components/Lobby.vue
index 39f4d12..60bd609 100644
--- a/frontend/src/components/Lobby.vue
+++ b/frontend/src/components/Lobby.vue
@@ -3,7 +3,7 @@
 		<div style="flex-grow: 4;">
 			<h2 v-if="!started">Lobby: {{ lobbyName }}</h2>
 			<h3>Giocatori (tu sei {{username}})</h3>
-			<h3 v-if="!started && password !== ''">Password: {{ password }}</h3>
+			<h3 v-if="!started && password !== ''">Password: <span class="selectable">{{ password }}</span></h3>
 			<div v-if="!started && isRoomOwner">
 				<PrettyCheck class="p-switch p-fill" v-model="privateRoom">Stanza Privata</PrettyCheck>
 			</div>