From 50e1040f1eecf418069324ad059b30d782c86968 Mon Sep 17 00:00:00 2001 From: syuilo Date: Sun, 14 Nov 2021 13:13:22 +0900 Subject: [PATCH] fix(client): fix tooltip style --- .../components/reactions-viewer.details.vue | 40 +++++++++++-------- .../client/src/components/renote.details.vue | 38 ++++++++++++------ 2 files changed, 50 insertions(+), 28 deletions(-) diff --git a/packages/client/src/components/reactions-viewer.details.vue b/packages/client/src/components/reactions-viewer.details.vue index d80f9b9e8d..ecf1389691 100644 --- a/packages/client/src/components/reactions-viewer.details.vue +++ b/packages/client/src/components/reactions-viewer.details.vue @@ -6,21 +6,11 @@
{{ reaction.replace('@.', '') }}
- - +
+ + +
+
+{{ count - 10 }}
@@ -81,13 +71,31 @@ export default defineComponent({ } > .users { - display: flex; flex: 1; min-width: 0; font-size: 0.9em; border-left: solid 0.5px var(--divider); padding-left: 10px; margin-left: 10px; + margin-right: 14px; + text-align: left; + + > .user { + line-height: 24px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + + &:not(:last-child) { + margin-bottom: 3px; + } + + > .avatar { + width: 24px; + height: 24px; + margin-right: 3px; + } + } } } diff --git a/packages/client/src/components/renote.details.vue b/packages/client/src/components/renote.details.vue index 128d97d8de..ff9c4505a5 100644 --- a/packages/client/src/components/renote.details.vue +++ b/packages/client/src/components/renote.details.vue @@ -1,11 +1,11 @@ @@ -36,11 +36,25 @@ export default defineComponent({