Merge pull request #146 from lbryio/fix-text-link-styles

Fix styling of normal text links
This commit is contained in:
alexliebowitz 2017-01-26 02:41:40 -05:00 committed by GitHub
commit fe62548637
4 changed files with 5 additions and 5 deletions

View file

@ -185,7 +185,7 @@ let FileActionsRow = React.createClass({
</div>
);
} else {
linkBlock = <Link label="Open" icon="icon-folder-open" onClick={this.onOpenClick} />;
linkBlock = <Link label="Open" button="text" icon="icon-folder-open" onClick={this.onOpenClick} />;
}
return (
@ -266,7 +266,7 @@ export let FileActions = React.createClass({
body="The content on LBRY is hosted by its users. It appears there are no users connected that have this file at the moment." />
</div>
<div className="button-container">
<Link label="Try Anyway" className="button-text" onClick={this.onShowFileActionsRowClicked} />
<Link label="Try Anyway" onClick={this.onShowFileActionsRowClicked} />
</div>
</div>)
}

View file

@ -146,7 +146,7 @@ export let FileTileStream = React.createClass({
? <div className='card-overlay'>
<p>
This content is Not Safe For Work.
To view adult content, please change your <Link href="?settings" label="Settings" />.
To view adult content, please change your <Link className="button-text" href="?settings" label="Settings" />.
</p>
</div>
: null}

View file

@ -28,7 +28,7 @@ export let Link = React.createClass({
/* The way the class name is generated here is a mess -- refactor */
const className = (this.props.className || '') +
(!this.props.className && !this.props.button ? 'button-block button-text' : '') + // Non-button links get the same look as text buttons
(!this.props.className && !this.props.button ? 'button-text' : '') + // Non-button links get the same look as text buttons
(this.props.button ? 'button-block button-' + this.props.button : '') +
(this.props.disabled ? ' disabled' : '');

View file

@ -68,7 +68,7 @@ export let DropDownMenu = React.createClass({
}
return (
<div className="button-container">
<Link ref={(span) => this._menuButton = span} icon="icon-ellipsis-v" onClick={this.onMenuIconClick} />
<Link ref={(span) => this._menuButton = span} button="text" icon="icon-ellipsis-v" onClick={this.onMenuIconClick} />
{this.state.menuOpen
? <div ref={(div) => this._menuDiv = div} className="menu">
{this.props.children}