Channel names in pages appear highlighted

Used classnames library for determining classname

changes
This commit is contained in:
hackrush 2017-12-06 01:04:32 +05:30
parent 2943860b5f
commit 0b3e9f1179
3 changed files with 12 additions and 4 deletions

View file

@ -14,6 +14,8 @@ Web UI version numbers should always match the corresponding version of LBRY App
### Changed
* The credit balance displayed in the main app navigation displays two decimal places instead of one.
* Moved all redux code into /redux folder
* Channel names in pages are highlighted to indicate them being clickable(#814)
*
### Fixed
* Long channel names causing inconsistent thumbnail sizes (#721)

View file

@ -1,7 +1,8 @@
import React from "react";
import { Icon } from "component/common";
import Link from "component/link";
import lbryuri from "lbryuri.js";
import lbryuri from "lbryuri";
import classnames from "classnames";
class UriIndicator extends React.PureComponent {
componentWillMount() {
@ -60,7 +61,12 @@ class UriIndicator extends React.PureComponent {
const inner = (
<span>
<span className={`channel-name ${smallCard && "channel-name--small"}`}>
<span
className={classnames("channel-name", {
"channel-name--small": smallCard,
"button-text no-underline": link,
})}
>
{channelName}
</span>{" "}
{!signatureIsValid ? (

View file

@ -1,9 +1,9 @@
.channel-name {
display: inline-block;
display: inline-flex;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
text-overflow: ellipsis;
}
// this shouldn't know about the card width