From 5cf1956135e4734629a71026b817b05a3ead2054 Mon Sep 17 00:00:00 2001 From: sei0o Date: Sat, 6 Oct 2018 22:14:30 +0900 Subject: [PATCH] Added CSS variables for background of reactions-viewer --- src/client/app/common/views/components/reactions-viewer.vue | 4 +++- src/client/theme/dark.json5 | 2 ++ src/client/theme/light.json5 | 2 ++ 3 files changed, 7 insertions(+), 1 deletion(-) diff --git a/src/client/app/common/views/components/reactions-viewer.vue b/src/client/app/common/views/components/reactions-viewer.vue index b877638df..8e06b79d1 100644 --- a/src/client/app/common/views/components/reactions-viewer.vue +++ b/src/client/app/common/views/components/reactions-viewer.vue @@ -48,14 +48,16 @@ export default Vue.extend({ > span margin-right 6px padding 6px 6px 6px 4px - border solid 1px var(--reactionViewerButtonBorder) border-radius 3px &.notReacted cursor pointer + border solid 1px var(--reactionViewerButtonBorder) + background-color var(--reactionViewerButtonBg) &:hover border solid 1px var(--reactionViewerButtonHoverBorder) + background-color var(--reactionViewerButtonHoverBg) > .mk-reaction-icon font-size 1.4em diff --git a/src/client/theme/dark.json5 b/src/client/theme/dark.json5 index c69fe18cb..6fa8929b2 100644 --- a/src/client/theme/dark.json5 +++ b/src/client/theme/dark.json5 @@ -83,6 +83,8 @@ reactionPickerButtonHoverBg: 'rgba(255, 255, 255, 0.18)', + reactionViewerButtonBg: 'rgba(0, 0, 0, 0)', + reactionViewerButtonHoverBg: 'rgba(0, 0, 0, 0)', reactionViewerButtonBorder: 'rgba(255, 255, 255, 0.1)', reactionViewerButtonHoverBorder: 'rgba(255, 255, 255, 0.2)', diff --git a/src/client/theme/light.json5 b/src/client/theme/light.json5 index db5a57d9c..5c0d46053 100644 --- a/src/client/theme/light.json5 +++ b/src/client/theme/light.json5 @@ -83,6 +83,8 @@ reactionPickerButtonHoverBg: '#eee', + reactionViewerButtonBg: 'rgba(0, 0, 0, 0)', + reactionViewerButtonHoverBg: 'rgba(0, 0, 0, 0)', reactionViewerButtonBorder: 'rgba(0, 0, 0, 0.1)', reactionViewerButtonHoverBorder: 'rgba(0, 0, 0, 0.2)',