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) => {
|
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}">`;
|
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 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 dot = addressDotHtml(addr.address);
|
||||||
const titleBold = isActive ? "font-bold" : "";
|
const titleBold = isActive ? "font-bold" : "";
|
||||||
html += `<div class="text-xs ${titleBold}">Address ${wi + 1}.${ai + 1}</div>`;
|
html += `<div class="text-xs ${titleBold}">Address ${wi + 1}.${ai + 1}</div>`;
|
||||||
|
|||||||
Reference in New Issue
Block a user