From e6ffee8a3be3dedc6aa1bb955a8e22c166840fd2 Mon Sep 17 00:00:00 2001 From: fsimba Date: Mon, 18 Aug 2025 09:34:59 +0200 Subject: [PATCH 01/14] fix: tooltip rendering --- .../BulletCriticity/BulletCriticity.vue | 7 +++++ .../TooltipBox/TooltipBox.stories.js | 28 +++++++++---------- .../src/molecules/TooltipBox/TooltipBox.vue | 12 ++++---- .../src/organisms/ScoreBlock/ScoreBlock.vue | 11 ++------ .../vue-ui/src/organisms/TagCard/TagCard.vue | 18 +++++------- 5 files changed, 37 insertions(+), 39 deletions(-) diff --git a/shared/vue-ui/src/molecules/BulletCriticity/BulletCriticity.vue b/shared/vue-ui/src/molecules/BulletCriticity/BulletCriticity.vue index c62b91d..dc6efa5 100644 --- a/shared/vue-ui/src/molecules/BulletCriticity/BulletCriticity.vue +++ b/shared/vue-ui/src/molecules/BulletCriticity/BulletCriticity.vue @@ -46,10 +46,17 @@ li { font-size: 12px; margin-bottom: 17px; } + li strong { + margin-top: auto; margin-left: auto; margin-right: 10px; } + +li svg{ + margin-top: auto; + margin-bottom: 2px; +} .clickable { cursor: pointer; } diff --git a/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.stories.js b/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.stories.js index f6b7e0a..b8e76a4 100644 --- a/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.stories.js +++ b/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.stories.js @@ -9,17 +9,6 @@ export default { anchor: { control: { type: 'boolean' }, required: false, default: false }, default: { control: { type: 'text' }, required: true }, }, - template: ` -

- The - - HTML - - - - abbr element. -

- `, } export const WithAnchor = { @@ -29,8 +18,19 @@ export const WithAnchor = { } } -export const UseParentOnlyAsAnchor = { - args: { - default: "Hyper Text Markup Language" +const Template = (args) => ({ + components: { TooltipBox }, + setup() { + return { args } }, + template: ` +

Mouse hover this text to display the tooltip content.

+ {{ args.default }} + `, +}); + +export const UseParentOnlyAsAnchor = Template.bind({}); +UseParentOnlyAsAnchor.args = { + default: "Hyper Text Markup Languag", + anchor: false, } diff --git a/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.vue b/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.vue index 41f13a2..b31c2fc 100644 --- a/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.vue +++ b/shared/vue-ui/src/molecules/TooltipBox/TooltipBox.vue @@ -8,6 +8,7 @@ defineProps({ }); +