Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

stream-popover: Change design of stream popover. 

Extracts the stream name from the list items and display
it in the popover title.
This commit is contained in:
Siddharth Varshney 2020-05-21 01:42:29 +05:30 committed by Tim Abbott
parent 309ab0eb6f
commit 89539d6fb5
2 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
static/styles/popovers.scss
View File

@ -55,6 +55,12 @@
}
.streams_popover {
.topic-name {
text-align: center;
margin-top: 5px;
margin-bottom: 5px;
}
.colorpicker-container {
display: none;
margin-right: 10px;

27
static/templates/stream_sidebar_actions.hbs
View File

@ -1,5 +1,18 @@
{{! Contents of the "stream actions" popup }}
<ul class="nav nav-list streams_popover" data-stream-id="{{ stream.stream_id }}" data-name="{{ stream.name }}">
<li>
<p class="topic-name">
<span id="stream_sidebar_privacy_swatch_{{stream.stream_id}}" class="stream-privacy filter-icon" style="color: {{stream.color}}">
{{> stream_privacy
invite_only=stream.invite_only
is_web_public=stream.is_web_public }}
</span>
<b>{{stream.name}}</b>
</p>
</li>
<hr>
<li>
<a class="open_stream_settings">
<i class="fa fa-cog" aria-hidden="true"></i>
@ -10,26 +23,26 @@
<a class="pin_to_top">
<i class="fa fa-thumb-tack stream-pin-icon" aria-hidden="true"></i>
{{#if stream.pin_to_top}}
{{#tr this}}Unpin stream <b>__stream.name__</b> from top{{/tr}}
{{t "Unpin stream from top"}}
{{else}}
{{#tr this}}Pin stream <b>__stream.name__</b> to top{{/tr}}
{{t "Pin stream to top"}}
{{/if}}
</a>
</li>
<li>
<a class="mark_stream_as_read">
<i class="fa fa-book" aria-hidden="true"></i>
{{#tr this}}Mark all messages in <b>__stream.name__</b> as read{{/tr}}
{{t "Mark all messages as read"}}
</a>
</li>
<li>
<a class="toggle_home">
{{#if stream.is_muted}}
<i class="fa fa-bell" aria-hidden="true"></i>
{{#tr this}}Unmute the stream <b>__stream.name__</b>{{/tr}}
<i class="fa fa-bell" aria-hidden="true"></i>
{{t "Unmute stream"}}
{{else}}
<i class="fa fa-bell-slash" aria-hidden="true"></i>
{{#tr this}}Mute the stream <b>__stream.name__</b>{{/tr}}
<i class="fa fa-bell-slash" aria-hidden="true"></i>
{{t "Mute stream"}}
{{/if}}
</a>
</li>