left_sidebar: Use custom Zulip star icons.

This commit replaces all previous Font Awesome references in the
left side bar and relevant popovers with the custom Zulip star
icon.

Co-Authored-By: Hardik Dharmani <Ddharmani99@gmail.com>
This commit is contained in:
Karl Stolley
2023-10-10 14:21:48 -05:00
committed by Tim Abbott
parent fd0dd3acd8
commit b19986b777
5 changed files with 16 additions and 7 deletions

View File

@@ -522,7 +522,8 @@ li.active-sub-filter {
margin-top: 1px !important;
}
.zulip-icon-inbox {
.zulip-icon-inbox,
.zulip-icon-star-filled {
font-size: 14px;
top: 2px;
position: relative;
@@ -568,8 +569,7 @@ li.top_left_scheduled_messages {
font-size: 15px;
}
.top_left_mentions i.fa-at,
.top_left_starred_messages i.fa-star {
.top_left_mentions i.fa-at {
font-size: 13px;
}

View File

@@ -2098,7 +2098,8 @@ div.focused-message-list {
}
}
.zulip-icon-inbox {
.zulip-icon-inbox,
.zulip-icon-star-filled {
position: relative;
top: 2px;
}
@@ -3328,3 +3329,11 @@ select.invite-as {
padding: 5px;
}
}
#unstar_all_messages,
.emoji-popover-tab-item {
.zulip-icon-star {
position: relative;
top: 2px;
}
}

View File

@@ -43,7 +43,7 @@
<li class="top_left_starred_messages top_left_row hidden-for-spectators">
<a class="left-sidebar-navigation-label-container" href="#narrow/is/starred">
<span class="filter-icon">
<i class="fa fa-star" aria-hidden="true"></i>
<i class="zulip-icon zulip-icon-star-filled" aria-hidden="true"></i>
</span>
{{~!-- squash whitespace --~}}
<span class="left-sidebar-navigation-label">{{t 'Starred messages' }}</span>

View File

@@ -4,7 +4,7 @@
{{#if show_unstar_all_button}}
<li>
<a tabindex="0" id="unstar_all_messages">
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="zulip-icon zulip-icon-star" aria-hidden="true"></i>
{{t "Unstar all messages" }}
</a>
</li>

View File

@@ -68,7 +68,7 @@
{{#if has_starred_messages}}
<li class="hidden-for-spectators">
<a tabindex="0" class="sidebar-popover-unstar-all-in-topic" data-stream-id="{{ stream_id }}" data-topic-name="{{ topic_name }}">
<i class="fa fa-star-o" aria-hidden="true"></i>
<i class="zulip-icon zulip-icon-star" aria-hidden="true"></i>
{{t "Unstar all messages in topic" }}
</a>
</li>