Use v-show to hide load more button
This commit is contained in:
parent
1495ce3772
commit
f00c71c81b
@ -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"
|
||||||
|
@ -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;
|
||||||
|
Loading…
Reference in New Issue
Block a user