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:
		
							parent
							
								
									dfdb7d839e
								
							
						
					
					
						commit
						d446857cea
					
				| @ -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( | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user