style cleanup

This commit is contained in:
Sean Yesmunt 2020-07-09 14:18:56 -04:00
parent 951d7bbb63
commit da7b331760
5 changed files with 11 additions and 12 deletions

View file

@ -61,7 +61,6 @@ function ClaimPreviewTile(props: Props) {
const isRepost = claim && claim.repost_channel_url; const isRepost = claim && claim.repost_channel_url;
const shouldFetch = claim === undefined; const shouldFetch = claim === undefined;
const thumbnailUrl = useGetThumbnail(uri, claim, streamingUrl, getFile, placeholder) || thumbnail; const thumbnailUrl = useGetThumbnail(uri, claim, streamingUrl, getFile, placeholder) || thumbnail;
const claimsInChannel = (claim && claim.meta && claim.meta.claims_in_channel) || 0;
const canonicalUrl = claim && claim.canonical_url; const canonicalUrl = claim && claim.canonical_url;
const navigateUrl = formatLbryUrlForWeb(canonicalUrl || uri || '/'); const navigateUrl = formatLbryUrlForWeb(canonicalUrl || uri || '/');
@ -187,12 +186,7 @@ function ClaimPreviewTile(props: Props) {
<div className="claim-tile__info"> <div className="claim-tile__info">
{isChannel ? ( {isChannel ? (
<div className="claim-tile__about--channel"> <div className="claim-tile__about--channel">
<SubscribeButton uri={uri} shrinkOnMobile /> <SubscribeButton uri={uri} />
<span className="claim-tile__publishes">
{claimsInChannel === 1
? __('%claimsInChannel% publish', { claimsInChannel })
: __('%claimsInChannel% publishes', { claimsInChannel })}
</span>
</div> </div>
) : ( ) : (
<React.Fragment> <React.Fragment>

View file

@ -373,7 +373,12 @@
color: var(--color-gray-1); color: var(--color-gray-1);
background: black; background: black;
border: 1px solid var(--color-gray-4); border: 1px solid var(--color-gray-4);
opacity: 0.7; opacity: 0.9;
&:hover {
opacity: 1;
color: var(--color-white);
}
} }
.file-render { .file-render {

View file

@ -67,7 +67,6 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-bottom: var(--spacing-s);
} }
.media__info-text { .media__info-text {

View file

@ -7,6 +7,7 @@
z-index: 1; z-index: 1;
font-size: var(--font-small); font-size: var(--font-small);
height: var(--height-input); height: var(--height-input);
max-width: 30rem;
> .icon { > .icon {
top: 0; top: 0;

View file

@ -1,6 +1,6 @@
$nag-z-index: 9999; $nag-z-index: 997;
$nag-helpful-z-index: 10000; $nag-helpful-z-index: 998;
$nag-error-z-index: 100001; $nag-error-z-index: 999;
.nag { .nag {
z-index: $nag-z-index; z-index: $nag-z-index;