paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-04 05:53:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Use classname for scroll-to-bottom icon styles.

Browse Source 
Having the selector there affects the performance. See
https://chat.zulip.org/#narrow/stream/6-frontend/topic/CSS.20selector.20performance/near/1845719
for more details.
This commit is contained in:
Shubham Padia
2024-09-03 07:16:38 +00:00
committed by Tim Abbott
parent fe44ce3e24
commit a764e80a1b
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/styles/zulip.css
View File

@@ -1887,7 +1887,7 @@ body:not(.hide-left-sidebar) {
background: hsl(240deg 96% 68% / 50%); background: hsl(240deg 96% 68% / 50%);
border-radius: 50%; border-radius: 50%;
& i { & .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: 21px;

2
web/templates/compose.hbs
View File

@@ -6,7 +6,7 @@
<div id="scroll-to-bottom-button-container" aria-hidden="true"> <div id="scroll-to-bottom-button-container" aria-hidden="true">
<div id="scroll-to-bottom-button-clickable-area" data-tooltip-template-id="scroll-to-bottom-button-tooltip-template"> <div id="scroll-to-bottom-button-clickable-area" data-tooltip-template-id="scroll-to-bottom-button-tooltip-template">
<div id="scroll-to-bottom-button"> <div id="scroll-to-bottom-button">
<i class="fa fa-chevron-down"></i> <i class="scroll-to-bottom-icon fa fa-chevron-down"></i>
</div> </div>
</div> </div>
</div> </div>