Qortal/qortal-ui
4
1
Fork 4
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-02-11 17:55:51 +00:00
Code Issues Projects Releases Wiki Activity

Arrow down icon styling fix

Browse Source
This commit is contained in:
Justin Ferrari 2022-11-09 11:44:35 -05:00
parent 83c851d371
commit 78c56aae30
2 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
qortal-ui-plugins/plugins/core/components/ChatScroller-css.js
View File

@ -46,7 +46,7 @@ export const chatStyles = css`
.last-message-ref {
position: fixed;
font-size: 20px;
font-size: 18px;
right: 40px;
bottom: 100px;
width: 50;
@ -64,6 +64,10 @@ export const chatStyles = css`
transform: scale(1.1);
}
.arrow-down-icon {
transform: scale(1.15);
}
.chat-list {
overflow-y: auto;
overflow-x: hidden;

2
qortal-ui-plugins/plugins/core/components/ChatScroller.js
View File

@ -68,7 +68,7 @@ class ChatScroller extends LitElement {
)}
<div id='downObserver'></div>
<div class='last-message-ref'>
<vaadin-icon icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
<vaadin-icon class='arrow-down-icon' icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
this.shadowRoot.getElementById('downObserver').scrollIntoView({
behavior: 'smooth',
})