Fix horizontal scrolling in transaction list with overflow-hidden
All checks were successful
check / check (push) Successful in 14s
All checks were successful
check / check (push) Successful in 14s
This commit is contained in:
@@ -107,7 +107,7 @@ function renderTransactions(txs) {
|
|||||||
|
|
||||||
const row = document.createElement("div");
|
const row = document.createElement("div");
|
||||||
row.className =
|
row.className =
|
||||||
"py-2 border-b border-border-light text-xs cursor-pointer hover:bg-hover";
|
"py-2 border-b border-border-light text-xs cursor-pointer hover:bg-hover overflow-hidden";
|
||||||
if (errorStyle) row.style.cssText = errorStyle;
|
if (errorStyle) row.style.cssText = errorStyle;
|
||||||
|
|
||||||
const line1 = document.createElement("div");
|
const line1 = document.createElement("div");
|
||||||
@@ -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 min-w-0";
|
||||||
const addr = document.createElement("span");
|
const addr = document.createElement("span");
|
||||||
addr.className = "pr-2";
|
addr.className = "pr-2 overflow-hidden";
|
||||||
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