paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-06 15:03:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Scale scroll to bottom icon with font-size.

Browse Source
This commit is contained in:
Aman Agrawal
2025-03-03 04:19:50 +00:00
committed by Tim Abbott
parent 60ff4f1375
commit 7ae1a2c480
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/styles/zulip.css
View File

@@ -1966,8 +1966,8 @@ body:not(.hide-left-sidebar) {
} }
#scroll-to-bottom-button-clickable-area { #scroll-to-bottom-button-clickable-area {
width: 60px; width: 3.75em; /* 60px at 16px em */
height: 60px; height: 3.75em; /* 60px at 16px em */
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@@ -1979,8 +1979,8 @@ body:not(.hide-left-sidebar) {
#scroll-to-bottom-button { #scroll-to-bottom-button {
text-align: center; text-align: center;
width: 40px; width: 2.5em; /* 40px at 16px em */
height: 40px; height: 2.5em; /* 40px at 16px em */
background: hsl(240deg 96% 68% / 50%); background: hsl(240deg 96% 68% / 50%);
border-radius: 50%; border-radius: 50%;
display: flex; display: flex;
@@ -1989,7 +1989,7 @@ body:not(.hide-left-sidebar) {
& .scroll-to-bottom-icon { & .scroll-to-bottom-icon {
color: hsl(0deg 0% 100%); color: hsl(0deg 0% 100%);
margin: 0 auto; margin: 0 auto;
font-size: 21px; font-size: 1.3125em; /* 21px at 16px em */
} }
} }
} }