From d1185da9ebdae65afe78e6ef68d4736d171c6690 Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Wed, 12 Sep 2018 22:54:20 +0300
Subject: [PATCH] Fade buttons when disabled

---
 client/components/ChatInput.vue | 3 ++-
 client/css/style.css            | 5 +++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/components/ChatInput.vue b/client/components/ChatInput.vue
index 6f20297c..e079a70a 100644
--- a/client/components/ChatInput.vue
+++ b/client/components/ChatInput.vue
@@ -38,7 +38,8 @@
 			<button
 				id="submit"
 				type="submit"
-				aria-label="Send message" />
+				aria-label="Send message"
+				:disabled="!this.$root.isConnected" />
 		</span>
 	</form>
 </template>
diff --git a/client/css/style.css b/client/css/style.css
index 247388a7..028c47be 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -2029,6 +2029,11 @@ part/quit messages where we don't load previews (adds a blank line otherwise) */
 	flex: 0 0 auto;
 }
 
+#form #upload[disabled],
+#form #submit[disabled] {
+	opacity: 0.5;
+}
+
 #context-menu-container {
 	display: none;
 	position: absolute;