From c3f82657d6b84592fa6a587e2a7b8d66aa593116 Mon Sep 17 00:00:00 2001 From: Eddie Machado <30477847+eddiemachado@users.noreply.github.com> Date: Mon, 4 Jan 2021 11:19:04 +0100 Subject: [PATCH] not truncating the address (#4311) I found it frustrating that I couldn't see the addres so I made sure it doesn't truncate and also increased the margins a bit --- packages/page-accounts/src/Sidebar/Sidebar.tsx | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/packages/page-accounts/src/Sidebar/Sidebar.tsx b/packages/page-accounts/src/Sidebar/Sidebar.tsx index 4eba88a205..d840ae71db 100644 --- a/packages/page-accounts/src/Sidebar/Sidebar.tsx +++ b/packages/page-accounts/src/Sidebar/Sidebar.tsx @@ -180,10 +180,9 @@ export default React.memo(styled(FullSidebar)(({ theme }: ThemeProps) => ` .ui--AddressMenu-addr { font: ${theme.fontMono}; - margin: 0.5rem 0; - overflow: hidden; + margin: 1rem 0; text-align: center; - text-overflow: ellipsis; + word-break: break-all; width: 100%; } @@ -244,7 +243,7 @@ export default React.memo(styled(FullSidebar)(({ theme }: ThemeProps) => ` .ui--AddressMenu-tags, .ui--AddressMenu-flags { - margin-bottom: 0.75rem; + margin: 0.75rem 0 0; } .ui--AddressMenu-flags {