arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-11-27 18:58:08 +00:00
Code Issues Releases Wiki Activity

Merge pull request #313 from trezor/fix/device-status-overflow

Browse Source 
Fix device status overflow
This commit is contained in:
Vladimir Volek 2019-01-08 16:48:44 +01:00 committed by GitHub
commit f9eb24e033
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/DeviceHeader/index.js
View File

@ -48,8 +48,9 @@ const ClickWrapper = styled.div`
`;
const LabelWrapper = styled.div`
flex: 1;
flex: 1 1 auto;
padding-left: 18px;
overflow: hidden;
`;
const Name = styled.div`
@ -73,6 +74,8 @@ const Status = styled.div`
const IconWrapper = styled.div`
padding-right: 25px;
display: flex;
flex: 1 0 0;
justify-content: flex-end;
`;
const ImageWrapper = styled.div`
@ -122,7 +125,7 @@ const DeviceHeader = ({
</ImageWrapper>
<LabelWrapper>
<Name>{device.instanceLabel}</Name>
<Status>{getStatusName(status)}</Status>
<Status title={getStatusName(status)}>{getStatusName(status)}</Status>
</LabelWrapper>
<IconWrapper>
{icon && !disabled && isAccessible && icon}