LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

minor fix for fileTile component

Browse source
This commit is contained in:
btzr-io 2017-10-03 10:59:08 -06:00
parent dda98e81fa
commit 5dcf15a5b9
2 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
ui/js/component/fileTile/view.jsx
View file

@ -132,7 +132,7 @@ class FileTile extends React.PureComponent {
</div>
{description &&
<div className="card__content card__subtext">
<TruncatedText lines={!showActions ? 4 : 2}>
<TruncatedText lines={2}>
{description}
</TruncatedText>
</div>}
@ -142,7 +142,6 @@ class FileTile extends React.PureComponent {
<span className="meta-uri">{uri}</span>
</span>
</div>
</div>
</div>
</div>

8
ui/scss/component/_file-tile.scss
View file

@ -20,17 +20,19 @@ $height-file-tile: $spacing-vertical * 6;
margin-top: 0;
}
.meta {
font-size: 0.9em;
color: var(--color-primary);
background: var(--color-canvas);
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 3px;
display: inline-block;
padding: 8px;
max-width: 80%;
padding: 4px 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 80%;
.meta-uri {
margin: 0 8px;
margin-left: 8px;
}
}
}