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
|
||||
*
|
||||
* Long channel names causing inconsistent thumbnail sizes (#721)
|
||||
*
|
||||
|
||||
### Deprecated
|
||||
|
|
|
@ -60,7 +60,7 @@ class UriIndicator extends React.PureComponent {
|
|||
|
||||
const inner = (
|
||||
<span>
|
||||
{channelName} {" "}
|
||||
<span className="channel-name">{channelName}</span> {" "}
|
||||
{!signatureIsValid
|
||||
? <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 {
|
||||
color: var(--color-error);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue