diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-08-09 18:01:12 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-08-09 18:01:12 +0900 |
| commit | 1c764139bf9dfa5575ea32cfa0a4eecf9690cd7d (patch) | |
| tree | 0f47672fdf6c0070faf5dde114fe41b408f72867 /src/client/components/ui/menu.vue | |
| parent | 連合インスタンス設定ダイアログ (diff) | |
| download | sharkey-1c764139bf9dfa5575ea32cfa0a4eecf9690cd7d.tar.gz sharkey-1c764139bf9dfa5575ea32cfa0a4eecf9690cd7d.tar.bz2 sharkey-1c764139bf9dfa5575ea32cfa0a4eecf9690cd7d.zip | |
:art:
Diffstat (limited to 'src/client/components/ui/menu.vue')
| -rw-r--r-- | src/client/components/ui/menu.vue | 24 |
1 files changed, 22 insertions, 2 deletions
diff --git a/src/client/components/ui/menu.vue b/src/client/components/ui/menu.vue index 8a1871e256..d652d9b84f 100644 --- a/src/client/components/ui/menu.vue +++ b/src/client/components/ui/menu.vue @@ -1,5 +1,5 @@ <template> -<div class="rrevdjwt" :class="{ left: align === 'left' }" +<div class="rrevdjwt" :class="{ left: align === 'left', pointer: point === 'top' }" ref="items" @contextmenu.self="e => e.preventDefault()" v-hotkey="keymap" @@ -58,7 +58,11 @@ export default defineComponent({ align: { type: String, requried: false - } + }, + point: { + type: String, + requried: false + }, }, emits: ['close'], data() { @@ -137,6 +141,22 @@ export default defineComponent({ .rrevdjwt { padding: 8px 0; + &.pointer { + &:before { + --size: 8px; + content: ''; + display: block; + position: absolute; + top: calc(0px - (var(--size) * 2)); + left: 0; + right: 0; + width: 0; + margin: auto; + border: solid var(--size) transparent; + border-bottom-color: var(--popup); + } + } + &.left { > .item { text-align: left; |