UX: remove new message element from chatpane (#21143)

* UX: remove new message element

* Update chat-scroll-to-bottom-arrow.hbs

* Linting

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
This commit is contained in:
chapoi 2023-04-19 08:54:15 +09:00 committed by GitHub
parent 4b02fa7082
commit c57f423083
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 1 additions and 19 deletions

View File

@ -3,18 +3,12 @@
class={{concat-class class={{concat-class
"btn-flat" "btn-flat"
"chat-scroll-to-bottom" "chat-scroll-to-bottom"
(if (or @show @hasNewMessages) "visible") (if @show "visible")
}} }}
@action={{@scrollToBottom}} @action={{@scrollToBottom}}
> >
<span class="chat-scroll-to-bottom__arrow"> <span class="chat-scroll-to-bottom__arrow">
{{d-icon "arrow-down"}} {{d-icon "arrow-down"}}
{{#if @hasNewMessages}}
<span class="chat-scroll-to-bottom__text">
{{i18n "chat.scroll_to_new_messages"}}
</span>
{{/if}}
</span> </span>
</DButton> </DButton>
</div> </div>

View File

@ -343,18 +343,6 @@ $float-height: 530px;
opacity: 0.8; opacity: 0.8;
} }
&__text {
color: var(--secondary);
padding: 0.5rem;
margin-bottom: 0.5rem;
background: var(--primary-medium);
border-radius: 3px;
text-align: center;
font-size: var(--font-down-1);
bottom: 40px;
position: absolute;
}
&__arrow { &__arrow {
display: flex; display: flex;
background: var(--primary-medium); background: var(--primary-medium);