qortal.link/qortal-ui
1
0
Fork 0
Code Issues Pull Requests 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 { .last-message-ref {
position: fixed; position: fixed;
font-size: 20px; font-size: 18px;
right: 40px; right: 40px;
bottom: 100px; bottom: 100px;
width: 50; width: 50;
@ -64,6 +64,10 @@ export const chatStyles = css`
transform: scale(1.1); transform: scale(1.1);
} }
.arrow-down-icon {
transform: scale(1.15);
}
.chat-list { .chat-list {
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; 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 id='downObserver'></div>
<div class='last-message-ref'> <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({ this.shadowRoot.getElementById('downObserver').scrollIntoView({
behavior: 'smooth', behavior: 'smooth',
}) })