supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages 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; pointer-events: none;
opacity: 0; opacity: 0;
transform: translateY(16px); transform: translateY(16px);
transition: all 0.2s ease-in-out; transition: transform 0.2s, opacity 0.2s;
cursor: pointer; cursor: pointer;
} }
@ -1108,18 +1108,23 @@ background on hover (unless active) */
} }
.scroll-down-arrow { .scroll-down-arrow {
width: 48px; width: 36px;
height: 48px; height: 36px;
line-height: 48px; line-height: 34px;
border-radius: 50%; border-radius: 50%;
background: #fff; background: var(--window-bg-color);
color: #333; color: #84ce88;
border: 1px solid #84ce88; border: 2px solid #84ce88;
text-align: center; 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 { .scroll-down:hover .scroll-down-arrow {
background: #84ce88; background: #84ce88;
color: var(--window-bg-color);
} }
.scroll-down-arrow::after { .scroll-down-arrow::after {