summaryrefslogtreecommitdiff
path: root/src/server/web/app/desktop/views/components/context-menu.menu.vue
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-03-29 20:32:18 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-03-29 20:32:18 +0900
commitcf33e483f7e6f40e8cbbbc0118a7df70bdaf651f (patch)
tree318279530d3392ee40d91968477fc0e78d5cf0f7 /src/server/web/app/desktop/views/components/context-menu.menu.vue
parentUpdate .travis.yml (diff)
downloadmisskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.gz
misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.tar.bz2
misskey-cf33e483f7e6f40e8cbbbc0118a7df70bdaf651f.zip
整理した
Diffstat (limited to 'src/server/web/app/desktop/views/components/context-menu.menu.vue')
-rw-r--r--src/server/web/app/desktop/views/components/context-menu.menu.vue121
1 files changed, 0 insertions, 121 deletions
diff --git a/src/server/web/app/desktop/views/components/context-menu.menu.vue b/src/server/web/app/desktop/views/components/context-menu.menu.vue
deleted file mode 100644
index 6359dbf1b4..0000000000
--- a/src/server/web/app/desktop/views/components/context-menu.menu.vue
+++ /dev/null
@@ -1,121 +0,0 @@
-<template>
-<ul class="menu">
- <li v-for="(item, i) in menu" :class="item.type">
- <template v-if="item.type == 'item'">
- <p @click="click(item)"><span :class="$style.icon" v-if="item.icon" v-html="item.icon"></span>{{ item.text }}</p>
- </template>
- <template v-if="item.type == 'link'">
- <a :href="item.href" :target="item.target" @click="click(item)"><span :class="$style.icon" v-if="item.icon" v-html="item.icon"></span>{{ item.text }}</a>
- </template>
- <template v-else-if="item.type == 'nest'">
- <p><span :class="$style.icon" v-if="item.icon" v-html="item.icon"></span>{{ item.text }}...<span class="caret">%fa:caret-right%</span></p>
- <me-nu :menu="item.menu" @x="click"/>
- </template>
- </li>
-</ul>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-export default Vue.extend({
- name: 'me-nu',
- props: ['menu'],
- methods: {
- click(item) {
- this.$emit('x', item);
- }
- }
-});
-</script>
-
-<style lang="stylus" scoped>
-@import '~const.styl'
-
-.menu
- $width = 240px
- $item-height = 38px
- $padding = 10px
-
- margin 0
- padding $padding 0
- list-style none
-
- li
- display block
-
- &.divider
- margin-top $padding
- padding-top $padding
- border-top solid 1px #eee
-
- &.nest
- > p
- cursor default
-
- > .caret
- position absolute
- top 0
- right 8px
-
- > *
- line-height $item-height
- width 28px
- text-align center
-
- &:hover > ul
- visibility visible
-
- &:active
- > p, a
- background $theme-color
-
- > p, a
- display block
- z-index 1
- margin 0
- padding 0 32px 0 38px
- line-height $item-height
- color #868C8C
- text-decoration none
- cursor pointer
-
- &:hover
- text-decoration none
-
- *
- pointer-events none
-
- &:hover
- > p, a
- text-decoration none
- background $theme-color
- color $theme-color-foreground
-
- &:active
- > p, a
- text-decoration none
- background darken($theme-color, 10%)
- color $theme-color-foreground
-
- li > ul
- visibility hidden
- position absolute
- top 0
- left $width
- margin-top -($padding)
- width $width
- background #fff
- border-radius 0 4px 4px 4px
- box-shadow 2px 2px 8px rgba(0, 0, 0, 0.2)
- transition visibility 0s linear 0.2s
-
-</style>
-
-<style lang="stylus" module>
-.icon
- > *
- width 28px
- margin-left -28px
- text-align center
-</style>
-