From 2b4d5b73b9296658ea079c08e3fdefa777b5c937 Mon Sep 17 00:00:00 2001 From: syuilo <Syuilotan@yahoo.co.jp> Date: Sun, 24 Oct 2021 14:39:24 +0900 Subject: [PATCH] Update tooltip.vue --- src/client/components/ui/tooltip.vue | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/client/components/ui/tooltip.vue b/src/client/components/ui/tooltip.vue index de8c02ad4a..c003895c14 100644 --- a/src/client/components/ui/tooltip.vue +++ b/src/client/components/ui/tooltip.vue @@ -1,6 +1,6 @@ <template> <transition name="tooltip" appear @after-leave="$emit('closed')"> - <div class="buebdbiu _acrylic _shadow" v-show="showing" ref="content"> + <div class="buebdbiu _acrylic _shadow" v-show="showing" ref="content" :style="{ maxWidth: maxWidth + 'px' }"> <slot>{{ text }}</slot> </div> </transition> @@ -21,7 +21,12 @@ export default defineComponent({ text: { type: String, required: false - } + }, + maxWidth: { + type: Number, + required: false, + default: 250, + }, }, emits: ['closed'], @@ -75,11 +80,12 @@ export default defineComponent({ .buebdbiu { position: absolute; z-index: 11000; - max-width: 240px; font-size: 0.8em; padding: 8px 12px; + box-sizing: border-box; text-align: center; border-radius: 4px; + border: solid 0.5px var(--divider); pointer-events: none; transform-origin: center bottom; }