Commit 0f660411 authored by Luke Schoen's avatar Luke Schoen Committed by Thibaut Sardan
Browse files

feat: Fixes #390. Show shortened version if account name over 25 chars (#391)

* feat: Fixes #390. Show shortened version if account name over 25 chars

* fix: Use text-overflow ellipsisto concat account name

* review-fix: Prevent text clipping on Linux
parent a96768e4
Pipeline #33169 passed with stages
in 8 minutes and 57 seconds
......@@ -37,7 +37,11 @@
.account_name {
color: $black;
font-weight: 500;
margin-bottom: 0.1rem;
overflow: hidden;
padding-bottom: 0.1rem;
text-overflow: ellipsis;
white-space: nowrap;
width: 230px;
/**
* Information component when used with components
......@@ -45,8 +49,9 @@
* where it is used in the AccountList component
*/
&.-header {
font-size: 0.95rem;
margin-top: 0.2rem;
margin-bottom: 0.3rem;
padding-bottom: 0.3rem;
}
}
......
......@@ -13,7 +13,7 @@ export const Name = ({ name, screen, ...otherProps }) => (
className={`account_name ${screen === 'account' ? '-header' : ''}`}
{...otherProps}
>
{name || <Placeholder height={18} width={100} />}
{name || <Placeholder height={14} width={100} />}
</div>
);
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment