From 3bec8c48d38daef541eaffa0e520a648897345a7 Mon Sep 17 00:00:00 2001
From: syuilo <syuilotan@yahoo.co.jp>
Date: Tue, 17 Apr 2018 15:12:59 +0900
Subject: [PATCH] #1496

---
 .../app/common/views/components/note-menu.vue    | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/client/app/common/views/components/note-menu.vue b/src/client/app/common/views/components/note-menu.vue
index 06fe0dfd0..877d2c16b 100644
--- a/src/client/app/common/views/components/note-menu.vue
+++ b/src/client/app/common/views/components/note-menu.vue
@@ -3,6 +3,7 @@
 	<div class="backdrop" ref="backdrop" @click="close"></div>
 	<div class="popover" :class="{ compact }" ref="popover">
 		<button v-if="note.userId == os.i.id" @click="pin">%i18n:@pin%</button>
+		<a v-if="note.uri" :href="note.uri" target="_blank">%i18n:@remote%</a>
 	</div>
 </div>
 </template>
@@ -81,6 +82,8 @@ export default Vue.extend({
 </script>
 
 <style lang="stylus" scoped>
+@import '~const.styl'
+
 $border-color = rgba(27, 31, 35, 0.15)
 
 .mk-note-menu
@@ -99,6 +102,7 @@ $border-color = rgba(27, 31, 35, 0.15)
 	> .popover
 		position absolute
 		z-index 10001
+		padding 8px 0
 		background #fff
 		border 1px solid $border-color
 		border-radius 4px
@@ -135,7 +139,17 @@ $border-color = rgba(27, 31, 35, 0.15)
 				border-bottom solid $balloon-size #fff
 
 		> button
+		> a
 			display block
-			padding 16px
+			padding 8px 16px
+
+			&:hover
+				color $theme-color-foreground
+				background $theme-color
+				text-decoration none
+
+			&:active
+				color $theme-color-foreground
+				background darken($theme-color, 10%)
 
 </style>