neptune/ghost-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Avoid overflow on staking pages #1502 (#1593)

Browse Source 
* Closes #1502

Avoid text overflow on staking app

* adjusted flex ratio
This commit is contained in:
Lowhearth 2019-09-09 14:59:41 +02:00 committed by Jaco Greeff
parent 688231ca05
commit 4ecdf73ce9
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/app-staking/src/Actions/Account/index.tsx
View File

@ -598,9 +598,10 @@ export default withMulti(
display: flex;
.staking--Accounts {
flex: 1;
flex: 3;
display: flex;
flex-direction: column
flex-direction: column;
width: 0px;
}
.staking--Account-detail.actions{

9
packages/react-components/src/CopyButton.tsx
View File

@ -46,7 +46,7 @@ function CopyButtonInner (props: InnerProps): React.ReactElement<InnerProps> {
onCopy={onCopy(props)}
text={value}
>
<div>
<div className='copyContainer'>
{children}
<span className='copySpan'>
<Button
@ -77,7 +77,8 @@ function CopyButton (props: Props): React.ReactElement<Props> {
);
}
export default styled(CopyButton)`
export default styled(CopyButton)`
width: 100%;
cursor: copy;
button.ui.mini.icon.primary.button.iconButton {
@ -87,4 +88,8 @@ export default styled(CopyButton)`
.copySpan {
white-space: nowrap;
}
.copyContainer {
display: flex;
text-overflow: ellipsis;
}
`;