From 8fbdef77d9cf9cd76928790d26bc891697827dd1 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 43961b3c0e2a4b..d07d806e0912fb 100644
--- a/app/javascript/mastodon/components/status.js
+++ b/app/javascript/mastodon/components/status.js
@@ -637,11 +637,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 2bff108aafa80d..3f28a365c1362f 100644
--- a/app/javascript/mastodon/locales/defaultMessages.json
+++ b/app/javascript/mastodon/locales/defaultMessages.json
@@ -573,7 +573,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 ee9b5a9c40c1d2..2785c7b8dcdbc8 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -1032,6 +1032,19 @@
       outline: none;
       padding: 0;
       appearance: none;
+      text-align: left;
+
+      i {
+        font-style: normal;
+
+        &:first-child{
+          margin-right: 4px;
+        }
+
+        &:last-child{
+          margin-left: 4px;
+        }
+      }
     }
   }