mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2024-11-19 09:52:14 +01:00
Code Issues Projects Releases Wiki Activity

Merge pull request #3693 from mempool/mononaut/preview-table-overflows

Browse Source 
prevent table overflow in unfurl previews
This commit is contained in:
wiz 2023-07-12 18:32:47 +09:00 committed by GitHub
commit 9cf961c667
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 23 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/app/components/address/address-preview.component.html
View File

@ -3,7 +3,7 @@
<span i18n="shared.address">Address</span> <span i18n="shared.address">Address</span>
</app-preview-title> </app-preview-title>
<div class="row"> <div class="row">
<div class="col-md"> <div class="col-md table-col">
<div class="row d-flex justify-content-between"> <div class="row d-flex justify-content-between">
<div class="title-wrapper"> <div class="title-wrapper">
<h1 class="title"><app-truncate [text]="addressString"></app-truncate></h1> <h1 class="title"><app-truncate [text]="addressString"></app-truncate></h1>

5
frontend/src/app/components/address/address-preview.component.scss
View File

@ -20,6 +20,11 @@
margin-right: 15px; margin-right: 15px;
} }
.table-col {
max-width: calc(100% - 470px);
overflow: hidden;
}
.table { .table {
font-size: 32px; font-size: 32px;
margin-top: 48px; margin-top: 48px;

2
frontend/src/app/components/block/block-preview.component.html
View File

@ -3,7 +3,7 @@
<span i18n="shared.block-title">Block</span> <span i18n="shared.block-title">Block</span>
</app-preview-title> </app-preview-title>
<div class="row"> <div class="row">
<div class="col-sm"> <div class="col-sm table-col">
<div class="row"> <div class="row">
<div class="block-titles"> <div class="block-titles">
<h1 class="title"> <h1 class="title">

5
frontend/src/app/components/block/block-preview.component.scss
View File

@ -44,6 +44,11 @@
} }
} }
.table-col {
max-width: calc(100% - 470px);
overflow: hidden;
}
.chart-container { .chart-container {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;

2
frontend/src/app/lightning/channel/channel-preview.component.html
View File

@ -15,7 +15,7 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md"> <div class="col-md table-col">
<a class="subtitle" [routerLink]="['/lightning/channel' | relativeUrl, channel.id]">{{ channel.id }}</a> <a class="subtitle" [routerLink]="['/lightning/channel' | relativeUrl, channel.id]">{{ channel.id }}</a>
<table class="table table-borderless table-striped"> <table class="table table-borderless table-striped">
<tbody> <tbody>

5
frontend/src/app/lightning/channel/channel-preview.component.scss
View File

@ -1,3 +1,8 @@
.table-col {
max-width: calc(100% - 470px);
overflow: hidden;
}
.table { .table {
font-size: 32px; font-size: 32px;
margin-top: 10px; margin-top: 10px;

9
frontend/src/app/lightning/node/node-preview.component.scss
View File

@ -1,3 +1,8 @@
.table-col {
max-width: calc(100% - 470px);
overflow: hidden;
}
.table { .table {
margin-top: 6px; margin-top: 6px;
font-size: 32px; font-size: 32px;
@ -18,10 +23,6 @@
} }
} }
.table-col {
max-width: calc(100% - 470px);
}
.map-col { .map-col {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;