mirror of
https://github.com/zulip/zulip.git
synced 2025-11-16 20:02:15 +00:00
431a69a769
Due to the fact that getComputedValue is called when using filter and opacity attributes, it is much more efficient to use an SVG that has a changing fill color rather than something that may be interpreted by browsers as a layout change that requires layout recalculation. This should result in noticeably smoother and more responsive :hover events for the streams with greyed checkmarks.
22 lines
1.2 KiB
Handlebars
22 lines
1.2 KiB
Handlebars
{{! Client-side Mustache template for rendering subscriptions.}}
|
|
{{#with this}}
|
|
<div class="stream-row" data-stream-id="{{stream_id}}" data-stream-name="{{name}}">
|
|
<div class="check {{#if subscribed }}checked{{/if}} sub_unsub_button">
|
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="100%" height="100%" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
|
<path d="M448,71.9c-17.3-13.4-41.5-9.3-54.1,9.1L214,344.2l-99.1-107.3c-14.6-16.6-39.1-17.4-54.7-1.8 c-15.6,15.5-16.4,41.6-1.7,58.1c0,0,120.4,133.6,137.7,147c17.3,13.4,41.5,9.3,54.1-9.1l206.3-301.7 C469.2,110.9,465.3,85.2,448,71.9z"/>
|
|
</svg>
|
|
</div>
|
|
{{ partial "subscription_setting_icon" }}
|
|
<div class="sub-info-box">
|
|
<div class="top-bar">
|
|
<div class="stream-name">{{name}}</div>
|
|
<div class="subscriber-count">
|
|
<span class="subscriber-count-text">{{subscriber_count}}</span>
|
|
<i class="icon-vector-user"></i>
|
|
</div>
|
|
</div>
|
|
<div class="description" data-no-description="{{t 'No description.'}}">{{description}}</div>
|
|
</div>
|
|
</div>
|
|
{{/with}}
|