Merge pull request #744 from lbryio/issue721

Issue #721 fix - Inconsistent thumbnail sizes
This commit is contained in:
Jeremy Kauffman 2017-11-15 16:57:47 -05:00 committed by GitHub
commit 857414238e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 2 deletions

View file

@ -16,7 +16,7 @@ Web UI version numbers should always match the corresponding version of LBRY App
* *
### Fixed ### Fixed
* * Long channel names causing inconsistent thumbnail sizes (#721)
* *
### Deprecated ### Deprecated

View file

@ -60,7 +60,7 @@ class UriIndicator extends React.PureComponent {
const inner = ( const inner = (
<span> <span>
{channelName} {" "} <span className="channel-name">{channelName}</span> {" "}
{!signatureIsValid {!signatureIsValid
? <Icon ? <Icon
icon={icon} icon={icon}

View file

@ -1,4 +1,12 @@
.channel-name {
width: calc(var(--card-small-width) * 2 / 3);
display: inline-block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.channel-indicator__icon--invalid { .channel-indicator__icon--invalid {
color: var(--color-error); color: var(--color-error);
} }