summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--dump.rdbbin0 -> 93 bytes
-rw-r--r--src/client/app/common/views/components/reactions-viewer.vue12
-rw-r--r--src/client/theme/dark.json53
-rw-r--r--src/client/theme/light.json53
4 files changed, 12 insertions, 6 deletions
diff --git a/dump.rdb b/dump.rdb
new file mode 100644
index 0000000000..0c2a888175
--- /dev/null
+++ b/dump.rdb
Binary files differ
diff --git a/src/client/app/common/views/components/reactions-viewer.vue b/src/client/app/common/views/components/reactions-viewer.vue
index 9212a84b31..b877638df3 100644
--- a/src/client/app/common/views/components/reactions-viewer.vue
+++ b/src/client/app/common/views/components/reactions-viewer.vue
@@ -40,19 +40,23 @@ export default Vue.extend({
<style lang="stylus" scoped>
.mk-reactions-viewer
- border-top dashed 1px var(--reactionViewerBorder)
- border-bottom dashed 1px var(--reactionViewerBorder)
- margin 4px 0
+ margin 6px 0
&:empty
display none
> span
- margin-right 8px
+ margin-right 6px
+ padding 6px 6px 6px 4px
+ border solid 1px var(--reactionViewerButtonBorder)
+ border-radius 3px
&.notReacted
cursor pointer
+ &:hover
+ border solid 1px var(--reactionViewerButtonHoverBorder)
+
> .mk-reaction-icon
font-size 1.4em
diff --git a/src/client/theme/dark.json5 b/src/client/theme/dark.json5
index 72362a2305..c69fe18cba 100644
--- a/src/client/theme/dark.json5
+++ b/src/client/theme/dark.json5
@@ -83,7 +83,8 @@
reactionPickerButtonHoverBg: 'rgba(255, 255, 255, 0.18)',
- reactionViewerBorder: 'rgba(255, 255, 255, 0.1)',
+ reactionViewerButtonBorder: 'rgba(255, 255, 255, 0.1)',
+ reactionViewerButtonHoverBorder: 'rgba(255, 255, 255, 0.2)',
pollEditorInputBg: 'rgba(0, 0, 0, 0.25)',
diff --git a/src/client/theme/light.json5 b/src/client/theme/light.json5
index 90d0d40187..db5a57d9cd 100644
--- a/src/client/theme/light.json5
+++ b/src/client/theme/light.json5
@@ -83,7 +83,8 @@
reactionPickerButtonHoverBg: '#eee',
- reactionViewerBorder: 'rgba(0, 0, 0, 0.1)',
+ reactionViewerButtonBorder: 'rgba(0, 0, 0, 0.1)',
+ reactionViewerButtonHoverBorder: 'rgba(0, 0, 0, 0.2)',
pollEditorInputBg: '#fff',