From 89ef5fe33d4549e57faa815fadc706fd14be99fb Mon Sep 17 00:00:00 2001 From: natsoni Date: Thu, 18 Apr 2024 11:09:28 +0200 Subject: [PATCH] Fix tooltip text overflow in some languages --- .../block-overview-tooltip.component.scss | 4 ++-- .../block-overview-tooltip.component.ts | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.scss b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.scss index df34ce346..507d4c18d 100644 --- a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.scss +++ b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.scss @@ -10,7 +10,7 @@ padding: 10px 15px; text-align: left; min-width: 340px; - max-width: 340px; + max-width: 400px; pointer-events: none; z-index: 11; @@ -41,7 +41,7 @@ th, td { flex-wrap: wrap; row-gap: 0.25em; margin-top: 0.2em; - max-width: 100%; + max-width: 310px; .badge { border-radius: 0.2rem; diff --git a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts index f397928fa..d59bfa87f 100644 --- a/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts +++ b/frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.ts @@ -98,6 +98,6 @@ export class BlockOverviewTooltipComponent implements OnChanges { } getTooltipLeftPosition(): string { - return window.innerWidth < 392 ? '-40px' : this.tooltipPosition.x + 'px'; + return window.innerWidth < 392 ? '-50px' : this.tooltipPosition.x + 'px'; } }