machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ellipsis for long op_return messages in tx preview

Browse Source
This commit is contained in:
Mononaut
2022-11-19 20:27:39 +09:00
parent 56e00d7ea9
commit 5198cc51dc
2 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/app/components/transaction/transaction-preview.component.scss
View File

@@ -92,26 +92,37 @@
max-width: 90%;
margin: auto;
overflow: hidden;
display: flex;
flex-direction: row;
justify-content: center;
.opreturns {
display: inline-block;
width: auto;
max-width: 100%;
margin: auto;
table-layout: auto;
background: #2d3348af;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
td {
padding: 10px 10px;
.opreturn-row {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
padding: 0 10px;
}
&.message {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
text-overflow: ellipsis;
white-space: nowrap;
text-align: left;
}
.label {
margin-right: 1em;
}
.message {
flex-shrink: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}