Use v-show to hide load more button

This commit is contained in:
Pavel Djundik 2019-12-12 15:05:02 +02:00
parent 1495ce3772
commit f00c71c81b
2 changed files with 1 additions and 6 deletions

View file

@ -1,6 +1,6 @@
<template> <template>
<div ref="chat" class="chat" tabindex="-1"> <div ref="chat" class="chat" tabindex="-1">
<div :class="['show-more', {show: channel.moreHistoryAvailable}]"> <div v-show="channel.moreHistoryAvailable" class="show-more">
<button <button
ref="loadMoreButton" ref="loadMoreButton"
:disabled="channel.historyLoading || !$store.state.isConnected" :disabled="channel.historyLoading || !$store.state.isConnected"

View file

@ -1157,7 +1157,6 @@ textarea.input {
padding-top: 15px; padding-top: 15px;
padding-bottom: 0; padding-bottom: 0;
width: 100%; width: 100%;
display: none;
} }
#chat .show-more .btn { #chat .show-more .btn {
@ -1252,10 +1251,6 @@ textarea.input {
padding: 0 10px; padding: 0 10px;
} }
#chat .unread-marker:last-child {
display: none;
}
#chat .date-marker { #chat .date-marker {
position: relative; position: relative;
text-align: center; text-align: center;