Issue #721 fix - Inconsistent thumbnail sizes

This commit is contained in:
Akinwale Ariwodola 2017-11-14 12:56:24 -05:00
parent 8733f3a590
commit ff133a03df
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);
} }