mirror of
https://github.com/zulip/zulip.git
synced 2025-11-04 22:13:26 +00:00
css: Use classname for scroll-to-bottom icon styles.
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:
committed by
Tim Abbott
parent
fe44ce3e24
commit
a764e80a1b
@@ -1887,7 +1887,7 @@ body:not(.hide-left-sidebar) {
|
||||
background: hsl(240deg 96% 68% / 50%);
|
||||
border-radius: 50%;
|
||||
|
||||
& i {
|
||||
& .scroll-to-bottom-icon {
|
||||
color: hsl(0deg 0% 100%);
|
||||
margin: 0 auto;
|
||||
font-size: 21px;
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
<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">
|
||||
<i class="fa fa-chevron-down"></i>
|
||||
<i class="scroll-to-bottom-icon fa fa-chevron-down"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user