Quick fix: hoist tooltips in archived item list (#1738)

Now that we're using a bunch of tooltips, I found when there are very
few items listed the tooltips sometimes get squished in weird ways —
this fixes that.
This commit is contained in:
Emma Segal-Grossman 2024-04-23 19:16:58 -04:00 committed by GitHub
parent dfdb7d839e
commit d446857cea
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -87,14 +87,17 @@ export class ArchivedItemListItem extends TailwindElement {
typeIcon = "upload";
}
const notApplicable = html`<sl-tooltip content=${msg("Not applicable")}>
const notApplicable = html`<sl-tooltip
hoist
content=${msg("Not applicable")}
>
<sl-icon
name="slash"
class="text-base text-neutral-400"
label=${msg("Not applicable")}
></sl-icon>
</sl-tooltip>`;
const none = html`<sl-tooltip content=${msg("None")}>
const none = html`<sl-tooltip hoist content=${msg("None")}>
<sl-icon
name="slash"
class="text-base text-neutral-400"
@ -152,6 +155,7 @@ export class ArchivedItemListItem extends TailwindElement {
content=${msg(str`${typeLabel}: ${crawlStatus.label}`)}
@sl-hide=${(e: SlHideEvent) => e.stopPropagation()}
@sl-after-hide=${(e: SlHideEvent) => e.stopPropagation()}
hoist
>
<sl-icon
class="text-base"
@ -162,6 +166,7 @@ export class ArchivedItemListItem extends TailwindElement {
</sl-tooltip>
`}
<sl-tooltip
hoist
content=${activeQAStats
? msg(
str`QA Analysis: ${qaStatus.label} (${activeProgress}% finished)`,
@ -217,6 +222,7 @@ export class ArchivedItemListItem extends TailwindElement {
<sl-tooltip
content=${msg(str`By ${this.item.userName}`)}
@click=${this.onTooltipClick}
hoist
>
<sl-format-date
lang=${getLocale()}
@ -232,6 +238,7 @@ export class ArchivedItemListItem extends TailwindElement {
</btrix-table-cell>
<btrix-table-cell>
<sl-tooltip
hoist
content=${formatNumber(this.item.fileSize || 0, {
style: "unit",
unit: "byte",
@ -250,6 +257,7 @@ export class ArchivedItemListItem extends TailwindElement {
${isUpload
? notApplicable
: html`<sl-tooltip
hoist
@click=${this.onTooltipClick}
content=${msg(
str`${formatNumber(
@ -273,6 +281,7 @@ export class ArchivedItemListItem extends TailwindElement {
: lastQAStarted && qaRunCount
? html`
<sl-tooltip
hoist
content=${msg(
str`Last run started on ${formatISODateString(lastQAStarted)}`,
)}
@ -290,6 +299,7 @@ export class ArchivedItemListItem extends TailwindElement {
${isUpload
? notApplicable
: html`<sl-tooltip
hoist
@click=${this.onTooltipClick}
content=${this.item.reviewStatus
? msg(