| @@ -20,15 +20,15 @@ | ||
| 20 | 20 | </button> |
| 21 | 21 | ${B?p` |
| 22 | 22 | <div class="os-cb-issue__detail"> |
| 23 | 23 | <os-code block copy wrap class="os-cb-issue__full">${o.message}</os-code> |
| 24 | - <dl class="os-cb-issue__facts"> | |
| 25 | - ${o.file!==""?p`<dt>${i("File")}</dt><dd><os-code copy wrap>${o.line>0?`${o.file}:${o.line}`:o.file}</os-code></dd>`:""} | |
| 26 | - ${N.kind!=="unknown"?p`<dt>${i("Source")}</dt><dd>${F(N)}</dd>`:""} | |
| 27 | - ${o.firstTs!==null?p`<dt>${i("First seen")}</dt><dd>${M(o.firstTs)}</dd>`:""} | |
| 28 | - ${o.lastTs!==null?p`<dt>${i("Last seen")}</dt><dd>${M(o.lastTs)}</dd>`:""} | |
| 29 | - <dt>${i("Occurrences")}</dt><dd>${o.count.toLocaleString()}</dd> | |
| 30 | - </dl> | |
| 24 | + <os-facts class="os-cb-issue__facts"> | |
| 25 | + ${o.file!==""?p`<os-fact label=${i("File")}><os-code copy wrap>${o.line>0?`${o.file}:${o.line}`:o.file}</os-code></os-fact>`:""} | |
| 26 | + ${N.kind!=="unknown"?p`<os-fact label=${i("Source")}>${F(N)}</os-fact>`:""} | |
| 27 | + ${o.firstTs!==null?p`<os-fact label=${i("First seen")}>${M(o.firstTs)}</os-fact>`:""} | |
| 28 | + ${o.lastTs!==null?p`<os-fact label=${i("Last seen")}>${M(o.lastTs)}</os-fact>`:""} | |
| 29 | + <os-fact label=${i("Occurrences")}>${o.count.toLocaleString()}</os-fact> | |
| 30 | + </os-facts> | |
| 31 | 31 | ${o.occurrences.length>1?p`<os-cluster gap="8" align="baseline" class="os-cb-issue__times"> |
| 32 | 32 | <span class="os-cb-issue__times-label">${i("Latest occurrences")}</span> |
| 33 | 33 | ${o.occurrences.slice(0,8).map(ke=>p`<os-badge no-dot tone="neutral">${M(ke)}</os-badge>`)} |
| 34 | 34 | </os-cluster>`:""} |