feat: improved more menu

Author: Akryum

packages/app-frontend/src/assets/style/index.styl

@@ -140,3 +140,7 @@ $arrow-color = $vue-ui-color-dark
 
 .grayscale
   filter grayscale(1)
+
+.right-icon-reveal:not(:hover)
+  .vue-ui-icon.right
+    opacity 0

packages/app-frontend/src/features/header/AppHeader.vue

@@ -134,7 +134,7 @@ export default defineComponent({
           }"
           icon-left="extension"
         >
-          Devtools plugins...
+          Devtools plugins
         </VueDropdownButton>
 
         <VueDropdownButton
@@ -143,7 +143,7 @@ export default defineComponent({
           }"
           icon-left="settings"
         >
-          Global settings...
+          Global settings
         </VueDropdownButton>
 
         <div class="border-t border-gray-200 dark:border-gray-800 my-1" />
@@ -152,6 +152,8 @@ export default defineComponent({
           href="https://devtools.vuejs.org"
           target="_blank"
           icon-left="description"
+          icon-right="open_in_new"
+          class="right-icon-reveal"
         >
           Documentation
         </VueDropdownButton>
@@ -160,6 +162,8 @@ export default defineComponent({
           href="https://new-issue.vuejs.org/?repo=vuejs/vue-devtools"
           target="_blank"
           icon-left="bug_report"
+          icon-right="open_in_new"
+          class="right-icon-reveal"
         >
           Report a bug
         </VueDropdownButton>
@@ -168,6 +172,8 @@ export default defineComponent({
           href="https://github.com/vuejs/vue-devtools/releases"
           target="_blank"
           icon-left="campaign"
+          icon-right="open_in_new"
+          class="right-icon-reveal"
         >
           What's new
         </VueDropdownButton>