mirror/hotomoe
1
0
Fork 0
mirror of https://github.com/hotomoe/hotomoe synced 2024-12-02 08:48:11 +09:00
Code

#1496

Browse Source
This commit is contained in:
syuilo 2018-04-17 15:12:59 +09:00
parent a0e640b118
commit f6b0814548
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/client/app/common/views/components/note-menu.vue
View File

@ -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>