diff --git a/source/collaborate/save-pin-messages.rst b/source/collaborate/save-pin-messages.rst index 3db280fc645..87c91152381 100644 --- a/source/collaborate/save-pin-messages.rst +++ b/source/collaborate/save-pin-messages.rst @@ -30,10 +30,28 @@ Save messages Long press a message, and then select **Save**. + .. image:: ../images/mobile-save-a-message.gif + :alt: Tap and hold on a message in the channel to explore available options to save it. + :scale: 50 + To see all of your saved messages, tap the **Save** |save-icon| icon at the bottom of the app. + .. image:: ../images/mobile-view-saved-messages.gif + :alt: Tap on Save icon at the bottom of the app to access the Saved Messages list. + :scale: 50 + Remove an item from your **Saved Messages** list by long pressing a message and selecting **Unsave**. + .. image:: ../images/mobile-unsave-a-message-from-saved-messages.gif + :alt: Tap and hold on a message in the saved messages list to explore available options to unsave it. + :scale: 50 + + Alternatively, you can also tap on the saved message in a channel and then tap the |saved-icon| icon below it to unsave. + + .. image:: ../images/mobile-unsave-a-message-from-the-channel.gif + :alt: Tap and hold on a saved message in the channel to explore available options to unsave it. + :scale: 50 + Pin messages ------------ @@ -74,11 +92,48 @@ All members of a channel can pin important or useful messages to that channel. T Long press a message, and then select **Pin to Channel**. + .. image:: ../images/mobile-pin-a-message-to-the-channel.gif + :alt: Tap and hold on a message in the channel to explore available options to pin it. + :scale: 50 + To see all of your pinned messages in a channel: 1. Tap the channel whose pinned messages you want to review. - 2. Tap the **More** |more-icon| icon located in the top right corner of the app. + + .. image:: ../images/mobile-select-a-channel.jpg + :alt: Select a channel whose pinned messages you want to view. + :scale: 30 + + 2. Tap the **More** |more-icon-vertical| icon located in the top right corner of the app. + + .. image:: ../images/mobile-select-more-options-for-a-channel.jpg + :alt: Tap on More options to access available options for the channel. + :scale: 30 + 3. Tap **View Info**. + + .. image:: ../images/mobile-select-view-info-for-a-channel.jpg + :alt: Tap on View info to view additional information about the channel. + :scale: 30 + 4. Tap **Pinned Messages**. + + .. image:: ../images/mobile-edit-channel.jpg + :alt: Tap on Pinned Messages to view the list of pinned messages. + :scale: 30 + + .. image:: ../images/mobile-view-the-pinned-message-in-the-pinned-messages-list.jpg + :alt: View the specific pinned message you want to see from the list. + :scale: 30 - To unpin a message, long press a message, and then select **Unpin from Channel**. \ No newline at end of file + Remove an item from your **Pinned Messages** list by long pressing a message and selecting **Unpin from Channel**. + + .. image:: ../images/mobile-unpin-a-message-from-pinned-messages.gif + :alt: Tap and hold on a message in the pinned messages list to explore available options to unpin it. + :scale: 50 + + Alternatively, you can long press on a pinned message in the channel and then tap on **Unpin from Channel** to unpin it. + + .. image:: ../images/mobile-unpin-a-message-from-the-channel.gif + :alt: Tap and hold on a pinned message in the channel to explore available options to unpin it. + :scale: 50 \ No newline at end of file diff --git a/source/conf.py b/source/conf.py index 70947a491fe..b0e09438975 100644 --- a/source/conf.py +++ b/source/conf.py @@ -4040,6 +4040,9 @@ def setup(_: Sphinx): .. |add-user-icon| image:: /images/account-plus-outline_F0801.svg :alt: Account plus outline icon used to add user to a channel. :class: theme-icon +.. |saved-icon| image:: /images/bookmark_F00C0.svg + :alt: Saved icon. + :class: theme-icon """ # rst_epilog = """ # .. |mm_badge_version| replace:: 7.2 diff --git a/source/images/bookmark_F00C0.svg b/source/images/bookmark_F00C0.svg new file mode 100644 index 00000000000..5d6a305f3ae --- /dev/null +++ b/source/images/bookmark_F00C0.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/images/mobile-edit-channel.jpg b/source/images/mobile-edit-channel.jpg index be63c0230e4..6d3d17cade1 100644 Binary files a/source/images/mobile-edit-channel.jpg and b/source/images/mobile-edit-channel.jpg differ diff --git a/source/images/mobile-pin-a-message-to-the-channel.gif b/source/images/mobile-pin-a-message-to-the-channel.gif new file mode 100644 index 00000000000..4b3aad8c4d0 Binary files /dev/null and b/source/images/mobile-pin-a-message-to-the-channel.gif differ diff --git a/source/images/mobile-save-a-message.gif b/source/images/mobile-save-a-message.gif new file mode 100644 index 00000000000..1c91c47157d Binary files /dev/null and b/source/images/mobile-save-a-message.gif differ diff --git a/source/images/mobile-unpin-a-message-from-pinned-messages.gif b/source/images/mobile-unpin-a-message-from-pinned-messages.gif new file mode 100644 index 00000000000..be8e959a674 Binary files /dev/null and b/source/images/mobile-unpin-a-message-from-pinned-messages.gif differ diff --git a/source/images/mobile-unpin-a-message-from-the-channel.gif b/source/images/mobile-unpin-a-message-from-the-channel.gif new file mode 100644 index 00000000000..e8590674d5c Binary files /dev/null and b/source/images/mobile-unpin-a-message-from-the-channel.gif differ diff --git a/source/images/mobile-unsave-a-message-from-saved-messages.gif b/source/images/mobile-unsave-a-message-from-saved-messages.gif new file mode 100644 index 00000000000..3dac23660fa Binary files /dev/null and b/source/images/mobile-unsave-a-message-from-saved-messages.gif differ diff --git a/source/images/mobile-unsave-a-message-from-the-channel.gif b/source/images/mobile-unsave-a-message-from-the-channel.gif new file mode 100644 index 00000000000..62368591f63 Binary files /dev/null and b/source/images/mobile-unsave-a-message-from-the-channel.gif differ diff --git a/source/images/mobile-view-saved-messages.gif b/source/images/mobile-view-saved-messages.gif new file mode 100644 index 00000000000..4cda7be3350 Binary files /dev/null and b/source/images/mobile-view-saved-messages.gif differ diff --git a/source/images/mobile-view-the-pinned-message-in-the-pinned-messages-list.jpg b/source/images/mobile-view-the-pinned-message-in-the-pinned-messages-list.jpg new file mode 100644 index 00000000000..35eeb6bd7a4 Binary files /dev/null and b/source/images/mobile-view-the-pinned-message-in-the-pinned-messages-list.jpg differ