Skip to content

Commit d9391e5

Browse files
committed
tooltip + ots page polish
block-overview tooltip: my prior fix added a 220 px-tall content cell under 'Digital Artifacts' for OTS commits, which overflowed the tooltip layout (screenshot showed the OTS subtitle rendering on the canvas underneath). The orange 'OpenTimestamps' filter chip in the filter row above already conveys the same signal, so hide the entire Digital Artifacts row for OTS-commit txs. The rare OTS + parser- derived artifact combo loses the row in the tooltip, but the chip row still carries every artifact type and the tx-detail page has the full viewers. ots page: drop the broken '(see the list below)' fragment link (same issue as the earlier 'examples below' link -- the fragment doesn't scroll to the section because the anchor is rendered later), and merge the two intro paragraphs into one for tighter copy.
1 parent 2a5dea9 commit d9391e5

2 files changed

Lines changed: 38 additions & 48 deletions

File tree

frontend/src/app/components/_ordpool/open-timestamps/open-timestamps.component.html

Lines changed: 4 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -17,15 +17,10 @@ <h1>OpenTimestamps: Anchor any file to Bitcoin</h1>
1717
Ordpool tags every OTS transaction wherever it appears in the explorer, so
1818
you can see Bitcoin's notary at work in real time, and you can verify your
1919
own <code>.ots</code> receipt right here, against our independent open-source
20-
implementation.
21-
</p>
22-
23-
<p>
24-
The whole process is <strong>free</strong>. Calendar operators sponsor the
25-
Bitcoin transaction fees and Merkle-batch every submission they receive
26-
into a single anchor. Huge thanks to the operators (see the
27-
<a [routerLink]="[]" fragment="calendars">list below</a>) who keep this
28-
open public good alive.
20+
implementation. The whole process is <strong>free</strong>. Calendar
21+
operators sponsor the Bitcoin transaction fees and Merkle-batch every
22+
submission they receive into a single anchor. Huge thanks to the operators
23+
who keep this open public good alive.
2924
</p>
3025

3126
<p class="text-muted ots-sidenote">

frontend/src/app/components/block-overview-tooltip/block-overview-tooltip.component.html

Lines changed: 34 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -104,51 +104,46 @@
104104
</td>
105105
</tr>
106106

107-
<!-- HACK -->
108-
<tr >
109-
<td class="td-width" colspan="2">Digital Artifacts</td>
110-
</tr>
111-
<tr>
112-
113-
<td class="text-center normal-white-space" *ngIf="{ digitalArtifacts: digitalArtifacts$ | async } as i" colspan="2" style="height: 220px;">
114-
115-
<ng-container *ngIf="i.digitalArtifacts === undefined">
116-
Loading...
117-
</ng-container>
107+
<!-- HACK -- Ordpool: suppress the entire Digital Artifacts row for
108+
OTS-commit txs. The orange "OpenTimestamps" chip in the filter
109+
row above already says it -- adding a 220 px content cell here
110+
overflows the tooltip layout and reads as duplicate info.
111+
Combined OTS + parser-derived artifact is rare; for those txs
112+
the chip row carries every signal and the tx-detail page has
113+
the full viewers. -->
114+
<ng-container *ngIf="!isOtsCommit">
115+
<tr>
116+
<td class="td-width" colspan="2">Digital Artifacts</td>
117+
</tr>
118+
<tr>
119+
<td class="text-center normal-white-space" *ngIf="{ digitalArtifacts: digitalArtifacts$ | async } as i" colspan="2" style="height: 220px;">
118120

119-
<ng-container *ngIf="i.digitalArtifacts === null">
120-
Error while loading. 😕<br>
121-
Please try again!
122-
</ng-container>
121+
<ng-container *ngIf="i.digitalArtifacts === undefined">
122+
Loading...
123+
</ng-container>
123124

124-
<!-- HACK -- Ordpool: hide "None" when the tx is a known OTS
125-
commit -- the OTS panel below already says what's in it. -->
126-
<ng-container *ngIf="i.digitalArtifacts && !i.digitalArtifacts.length && !isOtsCommit">
127-
None
128-
</ng-container>
125+
<ng-container *ngIf="i.digitalArtifacts === null">
126+
Error while loading. 😕<br>
127+
Please try again!
128+
</ng-container>
129129

130-
<!-- HACK -- Ordpool: OTS commits aren't parser-derivable, so they
131-
don't appear in `i.digitalArtifacts`. Render a small inline
132-
summary directly from the tx.flags bit instead. -->
133-
<div *ngIf="isOtsCommit" class="text-left" style="width: 300px;">
134-
<strong>OpenTimestamps</strong>
135-
<div class="smaller-text" style="opacity: 0.7;">
136-
Calendar batch commit anchoring a Merkle root in OP_RETURN
137-
</div>
138-
</div>
130+
<ng-container *ngIf="i.digitalArtifacts && !i.digitalArtifacts.length">
131+
None
132+
</ng-container>
139133

140-
<div class="text-left" style="width: 300px;" *ngIf="i.digitalArtifacts && i.digitalArtifacts.length">
141-
<app-digital-artifact-viewer
142-
[showDetails]="false"
143-
[digitalArtifact]="i.digitalArtifacts[0]"
144-
/>
145-
<div *ngIf="i.digitalArtifacts.length > 1">
146-
+ {{ i.digitalArtifacts.length - 1 }} more digital artifacts
134+
<div class="text-left" style="width: 300px;" *ngIf="i.digitalArtifacts && i.digitalArtifacts.length">
135+
<app-digital-artifact-viewer
136+
[showDetails]="false"
137+
[digitalArtifact]="i.digitalArtifacts[0]"
138+
/>
139+
<div *ngIf="i.digitalArtifacts.length > 1">
140+
+ {{ i.digitalArtifacts.length - 1 }} more digital artifacts
141+
</div>
147142
</div>
148-
</div>
149143

150-
</td>
151-
</tr>
144+
</td>
145+
</tr>
146+
</ng-container>
152147

153148
</tbody>
154149
</table>

0 commit comments

Comments
 (0)