mempool/frontend/src/app/components/rbf-timeline/rbf-timeline.component.html

<div class="rbf-timeline box" [class.mined]="mined">
  <div class="timeline">
    <div class="intervals">
      <ng-container *ngFor="let replacement of replacements; let i = index;">
        <div class="interval" *ngIf="i > 0">
          <div class="interval-time">
            <app-time [time]="replacement.time - replacements[i-1].time" [relative]="false"></app-time>
          </div>
        </div>
        <div class="node-spacer"></div>
      </ng-container>
    </div>
    <div class="nodes">
      <ng-container *ngFor="let replacement of replacements; let i = index;">
        <div class="interval-spacer" *ngIf="i > 0">
          <div class="track"></div>
        </div>
        <div class="node" [class.selected]="txid === replacement.tx.txid" [class.mined]="replacement.mined">
          <div class="track"></div>
          <a class="shape-border" [class.rbf]="replacement.tx.rbf" [routerLink]="['/tx/' | relativeUrl, replacement.tx.txid]" [title]="replacement.tx.txid">
            <div class="shape"></div>
          </a>
          <span class="fee-rate">{{ replacement.tx.fee / (replacement.tx.vsize) | feeRounding }} <span class="symbol" i18n="shared.sat-vbyte|sat/vB">sat/vB</span></span>
        </div>
      </ng-container>
    </div>
  </div>

  <!-- <app-rbf-timeline-tooltip
    *ngIf=[tooltip]
    [line]="hoverLine"
    [cursorPosition]="tooltipPosition"
    [isConnector]="hoverConnector"
  ></app-rbf-timeline-tooltip> -->
</div>