LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-31 09:21:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #74 from lbryio/report-link

Browse source 
Add infringement report link to Show page
This commit is contained in:
Jeremy Kauffman 2016-11-02 13:08:22 -04:00 • committed by GitHub
commit eb0acc2ce4
2 changed files with 38 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
js/page/show.js
View file

@ -60,6 +60,9 @@ var FormatItem = React.createClass({
{mediaType == 'video' ? <WatchLink streamName={this.props.name} button="primary" /> : null} {mediaType == 'video' ? <WatchLink streamName={this.props.name} button="primary" /> : null}
<DownloadLink streamName={this.props.name} button="alt" /> <DownloadLink streamName={this.props.name} button="alt" />
</section> </section>
<section>
<Link href="https://lbry.io/dmca" label="report" className="button-text-help" />
</section>
</div> </div>
</div> </div>
); );

61
scss/_gui.scss
View file

@ -1,5 +1,34 @@
@import "global"; @import "global";
@mixin text-link($color: $color-primary, $hover-opacity: 0.70) {
color: $color;
.icon
{
&:first-child {
padding-right: 5px;
}
&:last-child:not(:only-child) {
padding-left: 5px;
}
}
&:not(.no-underline) {
text-decoration: underline;
.icon {
text-decoration: none;
}
}
&:hover
{
opacity: $hover-opacity;
transition: opacity .225s ease;
text-decoration: underline;
.icon {
text-decoration: none;
}
}
}
.icon-fixed-width { .icon-fixed-width {
/* This borrowed is from a component of Font Awesome we're not using, maybe add it? */ /* This borrowed is from a component of Font Awesome we're not using, maybe add it? */
width: (18em / 14); width: (18em / 14);
@ -151,32 +180,12 @@ input[type="text"], input[type="search"]
} }
.button-text .button-text
{ {
color: $color-primary; @include text-link();
.icon }
{ .button-text-help
&:first-child { {
padding-right: 5px; @include text-link(#5b8c80);
} font-size: 0.8em;
&:last-child:not(:only-child) {
padding-left: 5px;
}
}
&:not(.no-underline) {
text-decoration: underline;
.icon {
text-decoration: none;
}
}
&:hover
{
opacity: 0.70;
transition: opacity .225s ease;
text-decoration: underline;
.icon {
text-decoration: none;
}
}
} }
.icon:only-child { .icon:only-child {