From f4117df63d95372247164618dcb1bd41abdaa8ae Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Sun, 24 May 2020 00:25:04 +0700
Subject: [PATCH] Display "in several hours" for transactions over 7 blocks
 away.

---
 .../src/app/components/start/start.component.scss  |  1 +
 .../transaction/transaction.component.html         | 14 ++++++++++----
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/frontend/src/app/components/start/start.component.scss b/frontend/src/app/components/start/start.component.scss
index 39accb4fc..ea68e7cef 100644
--- a/frontend/src/app/components/start/start.component.scss
+++ b/frontend/src/app/components/start/start.component.scss
@@ -2,4 +2,5 @@
   position: relative;
   overflow-x: scroll;
   overflow-y: hidden;
+  scrollbar-width: none;
 }
diff --git a/frontend/src/app/components/transaction/transaction.component.html b/frontend/src/app/components/transaction/transaction.component.html
index 6baff8c56..06d858fd1 100644
--- a/frontend/src/app/components/transaction/transaction.component.html
+++ b/frontend/src/app/components/transaction/transaction.component.html
@@ -100,11 +100,17 @@
                       <span class="skeleton-loader"></span>
                     </ng-template>
                     <ng-template #estimationTmpl>
-                      <ng-template [ngIf]="network === 'liquid'" [ngIfElse]="timeEstimateDefault">
-                        &lt; {{ 1 * txInBlockIndex + 1 }} minutes <i>({{ txInBlockIndex + 1 }} block{{ txInBlockIndex > 0 ? 's' : '' }})</i>
+                      <ng-template [ngIf]="txInBlockIndex >= 7" [ngIfElse]="belowBlockLimit">
+                        In several hours (or more)
                       </ng-template>
-                      <ng-template #timeEstimateDefault>
-                        ~{{ 10 * txInBlockIndex + 10 }} minutes <i>({{ txInBlockIndex + 1 }} block{{ txInBlockIndex > 0 ? 's' : '' }})</i>
+                      <ng-template #belowBlockLimit>
+                        <ng-template [ngIf]="network === 'liquid'" [ngIfElse]="timeEstimateDefault">
+                          &lt; {{ 1 * txInBlockIndex + 1 }} minutes <i>({{ txInBlockIndex + 1 }} block{{ txInBlockIndex > 0 ? 's' : '' }})</i>
+                        </ng-template>
+                        <ng-template #timeEstimateDefault>
+
+                          ~{{ 10 * txInBlockIndex + 10 }} minutes <i>({{ txInBlockIndex + 1 }} block{{ txInBlockIndex > 0 ? 's' : '' }})</i>
+                        </ng-template>
                       </ng-template>
                     </ng-template>
                   </td>