style: tooltips aligned to the side in topic stats (#488)

This commit is contained in:
ayesha waris
2023-03-30 14:59:16 +05:00
committed by GitHub
parent 3cdf0825b4
commit 2013dcf7cb
2 changed files with 6 additions and 0 deletions

View File

@@ -26,6 +26,7 @@ function TopicStats({
return (
<div className="d-flex align-items-center mt-2.5" style={{ marginBottom: '2px' }}>
<OverlayTrigger
placement="right"
overlay={(
<Tooltip>
<div className="d-flex flex-column align-items-start">
@@ -42,6 +43,7 @@ function TopicStats({
</div>
</OverlayTrigger>
<OverlayTrigger
placement="right"
overlay={(
<Tooltip>
<div className="d-flex flex-column align-items-start">
@@ -59,6 +61,7 @@ function TopicStats({
</OverlayTrigger>
{Boolean(canSeeReportedStats) && (
<OverlayTrigger
placement="right"
overlay={(
<Tooltip>
<div className="d-flex flex-column align-items-start">

View File

@@ -56,6 +56,7 @@ function Topic({
</div>
<div className="d-flex align-items-center mt-2.5" style={{ marginBottom: '2px' }}>
<OverlayTrigger
placement="right"
overlay={(
<Tooltip>
<div className="d-flex flex-column align-items-start">
@@ -72,6 +73,7 @@ function Topic({
</div>
</OverlayTrigger>
<OverlayTrigger
placement="right"
overlay={(
<Tooltip>
<div className="d-flex flex-column align-items-start">
@@ -89,6 +91,7 @@ function Topic({
</OverlayTrigger>
{Boolean(canSeeReportedStats) && (
<OverlayTrigger
placement="right"
overlay={(
<Tooltip>
<div className="d-flex flex-column align-items-start">