Browse Source

rework flex box on operation list. fixes #1115

master
Valentin D. Pinkman 7 years ago
parent
commit
797cea77b0
No known key found for this signature in database GPG Key ID: E7D110669FFB8D3E
  1. 5
      src/components/OperationsList/AccountCell.js
  2. 2
      src/components/OperationsList/AddressCell.js

5
src/components/OperationsList/AccountCell.js

@ -11,8 +11,9 @@ const Cell = styled(Box).attrs({
horizontal: true,
alignItems: 'center',
})`
width: 150px;
flex: 1;
overflow: hidden;
max-width: 400px;
`
type Props = {
@ -43,6 +44,8 @@ const AccountNameEllipsis = styled(Box).attrs({
color: 'dark',
flexShrink: 1,
})`
flex: 1;
min-width: 0;
display: block;
overflow: hidden;
text-overflow: ellipsis;

2
src/components/OperationsList/AddressCell.js

@ -29,7 +29,7 @@ const Address = ({ value }: { value: string }) => {
const AddressEllipsis = styled.div`
display: block;
flex-shrink: 1;
min-width: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

Loading…
Cancel
Save