improve preview block hash truncation

2022-09-11 01:17:46 +00:00
parent 0ac3352835
commit a74811cb7e
2 changed files with 23 additions and 11 deletions
--- a/frontend/src/app/components/block/block-preview.component.scss
+++ b/frontend/src/app/components/block/block-preview.component.scss
@@ -18,16 +18,29 @@
  .title {
    flex-shrink: 0;
    flex-grow:  0;
-    margin-right: 8px;
-    font-size: 62px;
+    margin-right: 30px;
+    font-size: 64px;
  }

-  .subtitle {
+  .blockhash {
+    width: 0;
+    flex-grow: 1;
    flex-shrink: 1;
    font-family: Consolas,Liberation Mono,Courier New,monospace;
-    font-size: 31px;
-    overflow: hidden;
-    text-overflow: clip;
+    font-size: 32px;
+    text-align: right;
+
+    .truncate {
+      max-width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      margin: 0;
+
+      &.left {
+        direction: rtl;
+      }
+    }
  }
 }