highperfocused/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-04-02 17:08:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

Node aliase ellipsis

Browse Source 
fixes #2455
This commit is contained in:
softsimon 2022-08-31 16:10:59 +03:00
parent 8a2925ab0c
commit 0bc310243f
No known key found for this signature in database
GPG Key ID: 488D7DCFB5A430D7
4 changed files with 15 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/app/lightning/channel/channel-box/channel-box.component.html
View File

@ -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>

4
frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
View File

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

4
frontend/src/app/lightning/node/node.component.html
View File

@ -158,9 +158,9 @@
<div class="container-xl">
<h5 class="mb-0" style="color: #ffffff66" i18n="lightning.node">Lightning node</h5>
<div class="title-container mb-2">
<h1 class="mb-0"><span class="skeleton-loader" style="width: 250px; height: 36px;"></span></h1>
<h1 class="mb-0"><span class="skeleton-loader" style="width: 250px; height: 36px; margin-top: 5px; margin-bottom: 5px;"></span></h1>
<span class="tx-link">
<span class="skeleton-loader" style="margin-bottom: 5px; width: 80%;"></span>
<span class="skeleton-loader" style="margin-bottom: 3px; width: 80%;"></span>
</span>
</div>

30
frontend/src/app/lightning/node/node.component.scss
View File

@ -1,29 +1,11 @@
.title-container {
display: flex;
flex-direction: row;
@media (max-width: 768px) {
flex-direction: column;
}
flex-direction: column;
}
.tx-link {
display: flex;
flex-grow: 1;
@media (min-width: 650px) {
align-self: end;
margin-left: 15px;
margin-top: 0px;
margin-bottom: -3px;
}
@media (min-width: 768px) {
margin-bottom: 4px;
top: 1px;
position: relative;
}
@media (max-width: 768px) {
order: 2;
}
flex-wrap: wrap;
}
.qr-wrapper {
@ -83,4 +65,10 @@ app-fiat {
@media (min-width: 576px) {
width: 40%;
}
}
}
@media (max-width: 767.98px) {
h1 > .skeleton-loader {
height: 28px !important;
};
}