Move quote button to extra buttons menu

src/components/extra_buttons/extra_buttons.js

@@ -6,6 +6,7 @@ import {
   faEyeSlash,
   faThumbtack,
   faShareAlt,
+  faQuoteLeft,
   faExternalLinkAlt
 } from '@fortawesome/free-solid-svg-icons'
 import {
@@ -20,6 +21,7 @@ library.add(
   faEyeSlash,
   faThumbtack,
   faShareAlt,
+  faQuoteLeft,
   faExternalLinkAlt,
   faFlag
 )

src/components/extra_buttons/extra_buttons.vue

@@ -116,6 +116,17 @@
             :icon="['far', 'flag']"
           /><span>{{ $t("user_card.report") }}</span>
         </button>
+        <button
+          v-if="(status.visibility === 'public' || status.visibility === 'unlisted')"
+          class="button-default dropdown-item dropdown-item-icon"
+          @click.prevent="$emit('quote-toggle')"
+          @click="close"
+        >
+          <FAIcon
+            fixed-width
+            icon="quote-left"
+          /><span>{{ $t("tool_tip.quote") }}</span>
+        </button>
       </div>
     </template>
     <template v-slot:trigger>

src/components/quote_button/quote_button.vue

@@ -23,7 +23,7 @@
 @import '../../_variables.scss';
 
 .QuoteButton {
-  display: flex;
+  display: none;
 
   > :first-child {
     padding: 10px;

src/components/status/status.vue

@@ -453,6 +453,7 @@
               :status="status"
               @onError="showError"
               @onSuccess="clearError"
+              @quote-toggle="toggleQuoting"
             />
           </div>
         </div>