Node aliase ellipsis

fixes #2455
2022-08-31 16:10:59 +03:00
parent 8a2925ab0c
commit 0bc310243f
4 changed files with 15 additions and 27 deletions
--- a/frontend/src/app/lightning/channel/channel-box/channel-box.component.html
+++ b/frontend/src/app/lightning/channel/channel-box/channel-box.component.html
@@ -1,6 +1,6 @@
 <div class="mb-2 box-top">
-  <div class="box-left">
-    <h3 class="mb-0">{{ channel.alias || '?' }}</h3>
+  <div class="box-left text-truncate">
+    <h3 class="mb-0 text-truncate">{{ channel.alias || '?' }}</h3>
    <a [routerLink]="['/lightning/node' | relativeUrl, channel.public_key]" >
      {{ channel.public_key | shortenString : 12 }}
    </a>
--- a/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
+++ b/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
@@ -8,8 +8,8 @@

 .box-right {
  text-align: right;
-  width: 50%;
-  margin-top: auto;
+  margin: auto;
+  white-space: nowrap;
 }

 .shared-block {