From 5cf1956135e4734629a71026b817b05a3ead2054 Mon Sep 17 00:00:00 2001
From: sei0o <sei0o@live.jp>
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)',