From f00c71c81bb81a6414838321eb4652a9c57af4cf Mon Sep 17 00:00:00 2001
From: Pavel Djundik <xPaw@users.noreply.github.com>
Date: Thu, 12 Dec 2019 15:05:02 +0200
Subject: [PATCH] Use v-show to hide load more button

---
 client/components/MessageList.vue | 2 +-
 client/css/style.css              | 5 -----
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/client/components/MessageList.vue b/client/components/MessageList.vue
index 6d811442..7f3db237 100644
--- a/client/components/MessageList.vue
+++ b/client/components/MessageList.vue
@@ -1,6 +1,6 @@
 <template>
 	<div ref="chat" class="chat" tabindex="-1">
-		<div :class="['show-more', {show: channel.moreHistoryAvailable}]">
+		<div v-show="channel.moreHistoryAvailable" class="show-more">
 			<button
 				ref="loadMoreButton"
 				:disabled="channel.historyLoading || !$store.state.isConnected"
diff --git a/client/css/style.css b/client/css/style.css
index c4a3138a..e6b62382 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1157,7 +1157,6 @@ textarea.input {
 	padding-top: 15px;
 	padding-bottom: 0;
 	width: 100%;
-	display: none;
 }
 
 #chat .show-more .btn {
@@ -1252,10 +1251,6 @@ textarea.input {
 	padding: 0 10px;
 }
 
-#chat .unread-marker:last-child {
-	display: none;
-}
-
 #chat .date-marker {
 	position: relative;
 	text-align: center;