Fix tx list overflow: add min-w-0 to truncatable flex children
Some checks failed
check / check (push) Has been cancelled
Some checks failed
check / check (push) Has been cancelled
This commit is contained in:
@@ -111,9 +111,9 @@ function renderTransactions(txs) {
|
|||||||
if (errorStyle) row.style.cssText = errorStyle;
|
if (errorStyle) row.style.cssText = errorStyle;
|
||||||
|
|
||||||
const line1 = document.createElement("div");
|
const line1 = document.createElement("div");
|
||||||
line1.className = "flex justify-between";
|
line1.className = "flex justify-between overflow-hidden";
|
||||||
const age = document.createElement("span");
|
const age = document.createElement("span");
|
||||||
age.className = "text-muted truncate";
|
age.className = "text-muted min-w-0 truncate";
|
||||||
age.textContent = timeAgo(tx.timestamp);
|
age.textContent = timeAgo(tx.timestamp);
|
||||||
age.title = isoDate(tx.timestamp);
|
age.title = isoDate(tx.timestamp);
|
||||||
const dir = document.createElement("span");
|
const dir = document.createElement("span");
|
||||||
@@ -124,9 +124,9 @@ function renderTransactions(txs) {
|
|||||||
|
|
||||||
const amountStr = tx.value + " " + tx.symbol;
|
const amountStr = tx.value + " " + tx.symbol;
|
||||||
const line2 = document.createElement("div");
|
const line2 = document.createElement("div");
|
||||||
line2.className = "flex justify-between";
|
line2.className = "flex justify-between overflow-hidden";
|
||||||
const addr = document.createElement("span");
|
const addr = document.createElement("span");
|
||||||
addr.className = "truncate";
|
addr.className = "min-w-0 truncate";
|
||||||
const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
|
const maxAddr = Math.max(10, 38 - Math.max(0, amountStr.length - 10));
|
||||||
addr.textContent = truncateMiddle(counterparty, maxAddr);
|
addr.textContent = truncateMiddle(counterparty, maxAddr);
|
||||||
addr.title = counterparty;
|
addr.title = counterparty;
|
||||||
|
|||||||
Reference in New Issue
Block a user