diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-06-05 12:23:57 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-06-05 12:23:57 +0900 |
| commit | adf3190859191775d7056f000a3508aac9712dfa (patch) | |
| tree | 50943b0dc1d4af1c6b6f4bc1ff37bc9045e72e88 | |
| parent | use node 16 (diff) | |
| download | misskey-adf3190859191775d7056f000a3508aac9712dfa.tar.gz misskey-adf3190859191775d7056f000a3508aac9712dfa.tar.bz2 misskey-adf3190859191775d7056f000a3508aac9712dfa.zip | |
chore(client): fix menu item style
| -rw-r--r-- | packages/client/src/components/ui/menu.vue | 21 |
1 files changed, 11 insertions, 10 deletions
diff --git a/packages/client/src/components/ui/menu.vue b/packages/client/src/components/ui/menu.vue index ca56048262..dad5dfa8b0 100644 --- a/packages/client/src/components/ui/menu.vue +++ b/packages/client/src/components/ui/menu.vue @@ -1,5 +1,6 @@ <template> -<div ref="itemsEl" v-hotkey="keymap" +<div + ref="itemsEl" v-hotkey="keymap" class="rrevdjwt" :class="{ center: align === 'center', asDrawer }" :style="{ width: (width && !asDrawer) ? width + 'px' : '', maxHeight: maxHeight ? maxHeight + 'px' : '' }" @@ -162,6 +163,15 @@ function focusDown() { position: relative; } + &:not(:disabled):hover { + color: var(--accent); + text-decoration: none; + + &:before { + background: var(--accentedBg); + } + } + &.danger { color: #ff2a2a; @@ -191,15 +201,6 @@ function focusDown() { } } - &:not(:disabled):hover { - color: var(--accent); - text-decoration: none; - - &:before { - background: var(--accentedBg); - } - } - &:not(:active):focus-visible { box-shadow: 0 0 0 2px var(--focus) inset; } |