help: Rename CSS .mobile-icon -> .help-center-icon.

Renames CSS rule that styles Zulip UI icons in the help center
so that it makes sense to use it regardless of whether we are
documenting a mobile or desktop/web feature.
This commit is contained in:
David Rosa 2023-11-20 13:11:50 -08:00 committed by Tim Abbott
parent 2cb4210319
commit ad9d1c5380
21 changed files with 33 additions and 33 deletions

View File

@ -50,7 +50,7 @@ stream][add-users] or [remove other users from a stream][remove-users].
adding as many users as you like.
1. Approve by tapping the **checkmark**
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
button in the bottom right corner of the app.
{end_tabs}
@ -89,7 +89,7 @@ stream][add-users] or [remove other users from a stream][remove-users].
adding as many users as you like.
1. Approve by tapping the **checkmark**
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
button in the bottom right corner of the app.
{!mobile-stream-settings-menu-tip.md!}

View File

@ -26,7 +26,7 @@
1. Scroll through the list of streams.
1. Tap the **plus**
(<img src="/static/images/help/mobile-plus-icon.svg" alt="plus" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-plus-icon.svg" alt="plus" class="help-center-icon"/>)
icon to the right of a stream to subscribe to it.
!!! tip ""

View File

@ -32,7 +32,7 @@ messages you receive.
1. Select a language.
1. Tap the **arrow**
(<img src="/static/images/help/mobile-chevron-left.svg" alt="back" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-chevron-left.svg" alt="back" class="help-center-icon"/>)
in the upper left corner of the app to exit the language selection menu.
{end_tabs}

View File

@ -41,7 +41,7 @@ and do not appear in your list of streams.
{tab|mobile}
1. Tap the **Direct messages**
( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="mobile-icon"/> )
( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="help-center-icon"/> )
tab at the bottom of the app.
1. Tap the **New DM** button at the top of the app.
@ -50,7 +50,7 @@ and do not appear in your list of streams.
select their name from the list of suggestions.
1. Compose your message, and tap the **send**
(<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="help-center-icon"/>)
button in the bottom right corner of the app.
!!! tip ""
@ -90,7 +90,7 @@ If using Zulip in a browser or desktop, there are several ways to access an exis
{tab|mobile}
1. Tap the **Direct messages**
( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="mobile-icon"/> )
( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="help-center-icon"/> )
tab at the bottom of the app.
{end_tabs}

View File

@ -36,7 +36,7 @@ edit the content of a message sent by another user.
1. Edit the content of the message.
1. Approve by tapping the **checkmark**
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
button in the bottom right corner of the app.
{end_tabs}

View File

@ -14,7 +14,7 @@ view](/help/configure-home-view#configure-home-view) for the Zulip web app.
{tab|mobile}
1. Tap the **All messages**
(<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="help-center-icon"/>)
tab in the upper left corner of the app.
{end_tabs}

View File

@ -29,7 +29,7 @@
{tab|mobile}
1. Tap the **Streams**
(<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="help-center-icon"/>)
tab at the bottom of the app.
1. Tap on the desired stream.
@ -40,7 +40,7 @@
used topics.
1. Compose your message, and tap the **send**
(<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="help-center-icon"/>)
button in the bottom right corner of the app.
{end_tabs}

View File

@ -19,7 +19,7 @@
{tab|mobile}
1. Tap the **Inbox**
(<img src="/static/images/help/mobile-inbox-icon.svg" alt="inbox" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-inbox-icon.svg" alt="inbox" class="help-center-icon"/>)
tab in the bottom left corner of the app.
2. Tap on a conversation you're interested in to view it. You can return to
@ -29,9 +29,9 @@
You can collapse or expand the list of topics in a stream by tapping the
**collapse**
(<img src="/static/images/help/mobile-expand-less-icon.svg" alt="inbox" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-expand-less-icon.svg" alt="inbox" class="help-center-icon"/>)
or **expand**
(<img src="/static/images/help/mobile-expand-more-icon.svg" alt="inbox" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-expand-more-icon.svg" alt="inbox" class="help-center-icon"/>)
icon to the left of a stream name.
{end_tabs}

View File

@ -7,13 +7,13 @@
{tab|mobile}
1. Tap the **Streams**
(<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="help-center-icon"/>)
tab at the bottom of the app.
1. Select a stream containing topics you want to configure.
1. Tap the **Topics list**
(<img src="/static/images/help/mobile-list-icon.svg" alt="list" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-list-icon.svg" alt="list" class="help-center-icon"/>)
icon in the upper right corner of the app.
{!topic-long-press-menu.md!}

View File

@ -1,5 +1,5 @@
1. Tap the **Streams**
(<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-hash-icon.svg" alt="hash" class="help-center-icon"/>)
tab at the bottom of the app.
1. Scroll down to the bottom, and tap **ALL STREAMS**.

View File

@ -2,5 +2,5 @@
If you are in a stream view, you can access the
stream settings menu from the **information**
(<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="help-center-icon"/>)
button in the top right corner of the app.

View File

@ -2,5 +2,5 @@
If you are viewing a direct message conversation, you can also tap the
**information**
(<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-info-circle-icon.svg" alt="information" class="help-center-icon"/>)
button in the top right corner of the app to open their profile.

View File

@ -25,7 +25,7 @@
{tab|mobile}
1. Tap the **Direct messages**
( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="mobile-icon"/> )
( <img src="/static/images/help/mobile-dm-tab-icon.svg" alt="direct messages" class="help-center-icon"/> )
tab at the bottom of the app.
1. Tap the **New group DM** button at the top of the app.
@ -35,11 +35,11 @@
adding as many message recipients as you like.
1. Approve by tapping the **checkmark**
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-check-circle-icon.svg" alt="checkmark" class="help-center-icon"/>)
button in the bottom right corner of the app.
1. Compose your message, and tap the **send**
(<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-send-circle-icon.svg" alt="send" class="help-center-icon"/>)
button in the bottom right corner of the app.
{end_tabs}

View File

@ -17,7 +17,7 @@
{tab|mobile}
1. Tap the **Mentions**
(<img src="/static/images/help/mobile-at-sign-icon.svg" alt="at-sign" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-at-sign-icon.svg" alt="at-sign" class="help-center-icon"/>)
tab at the top of the app.
1. Browse your mentions. You can tap on a message recipient bar to go

View File

@ -14,7 +14,7 @@
{tab|mobile}
1. Tap the **Starred messages**
(<img src="/static/images/help/mobile-star-icon.svg" alt="star" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-star-icon.svg" alt="star" class="help-center-icon"/>)
tab at the top of the app.
{end_tabs}

View File

@ -91,7 +91,7 @@ stream or topic as read**.
{tab|mobile}
1. Tap a stream, topic, or the **All messages**
(<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-globe-icon.svg" alt="globe" class="help-center-icon"/>)
tab.
2. Tap **Mark stream as read**, **Mark topic as read**, or **Mark all as read**

View File

@ -65,9 +65,9 @@ and you can click on a thumbnail to [view the full image](/help/view-and-browse-
1. Navigate to a stream, topic, or direct message view.
1. Tap the
**paperclip** (<img src="/static/images/help/mobile-paperclip-icon.svg" alt="paperclip" class="mobile-icon"/>),
**image** (<img src="/static/images/help/mobile-image-icon.svg" alt="image" class="mobile-icon"/>),
or **camera** (<img src="/static/images/help/mobile-camera-icon.svg" alt="camera" class="mobile-icon"/>)
**paperclip** (<img src="/static/images/help/mobile-paperclip-icon.svg" alt="paperclip" class="help-center-icon"/>),
**image** (<img src="/static/images/help/mobile-image-icon.svg" alt="image" class="help-center-icon"/>),
or **camera** (<img src="/static/images/help/mobile-camera-icon.svg" alt="camera" class="help-center-icon"/>)
button at the bottom of the app to select one or more files. Zulip will
upload the files, and insert named links using
[Markdown formatting](/help/format-your-message-using-markdown#links):
@ -90,7 +90,7 @@ You can share files from other apps on Zulip.
{tab|android}
1. Select one or more files and tap the **Zulip**
(<img src="/static/images/logo/zulip-icon-circle.svg" alt="logo" class="mobile-icon"/>)
(<img src="/static/images/logo/zulip-icon-circle.svg" alt="logo" class="help-center-icon"/>)
logo.
1. Select a stream name and topic name, or tap the

View File

@ -24,7 +24,7 @@
1. Navigate to a stream, topic, or direct message view.
1. Tap the **video camera**
(<img src="/static/images/help/mobile-video-icon.svg" alt="video" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-video-icon.svg" alt="video" class="help-center-icon"/>)
button at the bottom of the app. This will insert a **Click to join video call**
link into your message.

View File

@ -37,7 +37,7 @@ You can always unsubscribe from any stream in Zulip.
{!mobile-all-streams-view.md!}
1. Tap the **checkmark**
(<img src="/static/images/help/mobile-check-icon.svg" alt="checkmark" class="mobile-icon"/>)
(<img src="/static/images/help/mobile-check-icon.svg" alt="checkmark" class="help-center-icon"/>)
icon to the right of a stream to unsubscribe from it.
!!! tip ""

View File

@ -33,7 +33,7 @@ formatted, or to copy the Markdown source for a reply.
menu option for editable messages that you have sent.
1. Click the **Copy and close**
( <img src="/static/images/help/copy_to_clipboard.svg" alt="copy" class="mobile-icon"/>)
( <img src="/static/images/help/copy_to_clipboard.svg" alt="copy" class="help-center-icon"/>)
widget in the upper right corner of the message.
!!! keyboard_tip ""

View File

@ -254,7 +254,7 @@
border: none;
}
&.mobile-icon {
&.help-center-icon {
width: 24px;
box-shadow: none;
border: none;