From 775c400f71d9d67d376beef6bcbe5ada954a63ec Mon Sep 17 00:00:00 2001 From: redhoyasa Date: Fri, 28 Oct 2022 15:40:55 +0700 Subject: [PATCH 1/2] fix(kanban): make kanban card tooltip left-aligned --- webapp/src/widgets/tooltip.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webapp/src/widgets/tooltip.scss b/webapp/src/widgets/tooltip.scss index cab5233fbe7..a54a7a62e4e 100644 --- a/webapp/src/widgets/tooltip.scss +++ b/webapp/src/widgets/tooltip.scss @@ -62,7 +62,7 @@ $tooltop-vertical-offset: 2px; &.tooltip-top:hover::after { bottom: calc(100% + 10px); left: 50%; - transform: translate(-50%, #{$tooltop-horizontal-offset}); + transform: translate(-10%, #{$tooltop-horizontal-offset}); } // Right tooltip arrow style From 98f026156e82bc9a9fdc2f623f3e730361ef4973 Mon Sep 17 00:00:00 2001 From: redhoyasa Date: Fri, 28 Oct 2022 16:13:08 +0700 Subject: [PATCH 2/2] fix(kanban): adjust the tooltip arrow --- webapp/src/widgets/tooltip.scss | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/webapp/src/widgets/tooltip.scss b/webapp/src/widgets/tooltip.scss index a54a7a62e4e..d9b15674e5f 100644 --- a/webapp/src/widgets/tooltip.scss +++ b/webapp/src/widgets/tooltip.scss @@ -54,15 +54,14 @@ $tooltop-vertical-offset: 2px; // Top tooltip arrow style &.tooltip-top:hover::before { - left: 50%; + left: 0; bottom: calc(100% - 2px); - transform: translate(-50%, #{$tooltop-horizontal-offset}); } // Top tooltip body style &.tooltip-top:hover::after { bottom: calc(100% + 10px); - left: 50%; - transform: translate(-10%, #{$tooltop-horizontal-offset}); + left: -20%; + transform: translate(0, #{$tooltop-horizontal-offset}); } // Right tooltip arrow style