From b1b2585a7479a8f1217aefc8ef5a6801ed83f570 Mon Sep 17 00:00:00 2001
From: mashirozx <moezhx@outlook.com>
Date: Sun, 10 Jan 2021 14:56:08 +0800
Subject: [PATCH] fix: change unlisted quote display

---
 app/javascript/mastodon/components/status.js        |  8 ++++++--
 .../mastodon/locales/defaultMessages.json           |  2 +-
 app/javascript/styles/mastodon/components.scss      | 13 +++++++++++++
 3 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/app/javascript/mastodon/components/status.js b/app/javascript/mastodon/components/status.js
index f74a2ea2c29353..261fb980b7d1ff 100644
--- a/app/javascript/mastodon/components/status.js
+++ b/app/javascript/mastodon/components/status.js
@@ -610,11 +610,15 @@ class Status extends ImmutablePureComponent {
       }
 
       if (quote_status.get('visibility') === 'unlisted' && contextType !== 'home') {
-        unlistedQuoteText = intl.formatMessage({ id: 'status.unlisted_quote', defaultMessage: 'Unlisted quote' });
+        unlistedQuoteText = intl.formatMessage({ id: 'status.unlisted_quote', defaultMessage: 'Unlisted quote content, click to expand' });
         quote = (
           <div className={classNames('quote-status', `status-${quote_status.get('visibility')}`, { muted: this.props.muted })} data-id={quote_status.get('id')}>
             <div className={classNames('status__content unlisted-quote', { 'status__content--with-action': this.context.router })}>
-              <button onClick={this.handleQuoteClick}>{unlistedQuoteText}</button>
+              <button onClick={this.handleQuoteClick}>
+                <Icon id='unlock:fad' />
+                {unlistedQuoteText}
+                <Icon id='angle-double-right:fad' />
+              </button>
             </div>
           </div>
         );
diff --git a/app/javascript/mastodon/locales/defaultMessages.json b/app/javascript/mastodon/locales/defaultMessages.json
index f032151fccae0c..6b0ccfbe2f8bda 100644
--- a/app/javascript/mastodon/locales/defaultMessages.json
+++ b/app/javascript/mastodon/locales/defaultMessages.json
@@ -458,7 +458,7 @@
         "id": "status.quote"
       },
       {
-        "defaultMessage": "Unlisted quote",
+        "defaultMessage": "Unlisted quote content, click to expand",
         "id": "status.unlisted_quote"
       },
       {
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index 99ead68692ba31..0e9a0bddf211e5 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -1044,6 +1044,19 @@
       outline: none;
       padding: 0;
       appearance: none;
+      text-align: left;
+
+      i {
+        font-style: normal;
+
+        &:first-child{
+          margin-right: 4px;
+        }
+
+        &:last-child{
+          margin-left: 4px;
+        }
+      }
     }
   }