deblan-mirror/thelounge
deblan-mirror/thelounge
1
0
Fork 0
mirror of https://github.com/thelounge/thelounge.git synced 2024-05-16 21:26:36 +02:00
Code Issues Projects Releases Wiki Activity

Improve scroll-down button UI

Browse source
This commit is contained in:
Jérémie Astori 2019-02-18 01:13:32 -05:00
parent 16e4be12a8
commit d8d1d3aee0
No known key found for this signature in database
GPG key ID: B9A4F245CD67BDE8
1 changed files with 12 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
client/css/style.css
View file

@ -1097,7 +1097,7 @@ background on hover (unless active) */
pointer-events: none;
opacity: 0;
transform: translateY(16px);
transition: all 0.2s ease-in-out;
transition: transform 0.2s, opacity 0.2s;
cursor: pointer;
}
@ -1108,18 +1108,23 @@ background on hover (unless active) */
}
.scroll-down-arrow {
width: 48px;
height: 48px;
line-height: 48px;
width: 36px;
height: 36px;
line-height: 34px;
border-radius: 50%;
background: #fff;
color: #333;
border: 1px solid #84ce88;
background: var(--window-bg-color);
color: #84ce88;
border: 2px solid #84ce88;
text-align: center;
transition: background 0.2s, color 0.2s;
box-shadow:
0 3px 5px -1px rgba(0, 0, 0, 0.2),
0 6px 10px 0 rgba(0, 0, 0, 0.14);
}
.scroll-down:hover .scroll-down-arrow {
background: #84ce88;
color: var(--window-bg-color);
}
.scroll-down-arrow::after {