Merge pull request #744 from lbryio/issue721
Issue #721 fix - Inconsistent thumbnail sizes
This commit is contained in:
commit
857414238e
3 changed files with 10 additions and 2 deletions
|
@ -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
|
||||||
|
|
|
@ -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}
|
||||||
|
|
|
@ -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);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue