Shrink info button to prevent address line wrapping
Some checks failed
check / check (push) Has been cancelled
Some checks failed
check / check (push) Has been cancelled
Remove border and padding from the info button, use dashed underline text style instead. This saves enough horizontal space that the full address no longer wraps.
This commit is contained in:
@@ -103,7 +103,7 @@ function render(ctx) {
|
||||
wallet.addresses.forEach((addr, ai) => {
|
||||
html += `<div class="address-row py-1 border-b border-border-light cursor-pointer hover:bg-hover" data-wallet="${wi}" data-address="${ai}">`;
|
||||
const isActive = state.activeAddress === addr.address;
|
||||
const infoBtn = `<span class="btn-addr-info text-xs cursor-pointer border border-border px-1 hover:bg-fg hover:text-bg" data-wallet="${wi}" data-address="${ai}">[info]</span>`;
|
||||
const infoBtn = `<span class="btn-addr-info text-xs cursor-pointer underline decoration-dashed" data-wallet="${wi}" data-address="${ai}">info</span>`;
|
||||
const dot = addressDotHtml(addr.address);
|
||||
const titleBold = isActive ? "font-bold" : "";
|
||||
html += `<div class="text-xs ${titleBold}">Address ${wi + 1}.${ai + 1}</div>`;
|
||||
|
||||
Reference in New Issue
Block a user