LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

clean up css

Browse source
This commit is contained in:
Sean Yesmunt 2020-02-05 11:42:46 -05:00
parent b2bf80f3ce
commit 78aeb55bc5
2 changed files with 16 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/component/claimPreviewTile/view.jsx
View file

@ -157,7 +157,7 @@ function ClaimPreviewTile(props: Props) {
{!isChannel && ( {!isChannel && (
<React.Fragment> <React.Fragment>
{/* @if TARGET='app' */} {/* @if TARGET='app' */}
<div className="claim-tile__hover-actions"> <div className="claim-preview__hover-actions">
<FileDownloadLink uri={canonicalUrl} hideOpenButton /> <FileDownloadLink uri={canonicalUrl} hideOpenButton />
</div> </div>
{/* @endif */} {/* @endif */}

44
ui/scss/component/_claim-list.scss
View file

@ -93,20 +93,6 @@
margin-right: var(--spacing-medium); margin-right: var(--spacing-medium);
} }
.claim-preview__hover-actions {
display: none;
position: absolute;
top: var(--spacing-miniscule);
right: var(--spacing-miniscule);
& > * {
color: var(--color-black);
background-color: var(--color-white);
padding: var(--spacing-xsmall);
border-radius: var(--border-radius);
}
}
&:hover { &:hover {
.claim-preview__hover-actions { .claim-preview__hover-actions {
display: block; display: block;
@ -421,22 +407,8 @@
} }
.claim-preview--tile { .claim-preview--tile {
.claim-tile__hover-actions {
display: none;
position: absolute;
top: var(--spacing-miniscule);
right: var(--spacing-miniscule);
& > * {
color: var(--color-black);
background-color: var(--color-white);
padding: var(--spacing-xsmall);
border-radius: var(--border-radius);
}
}
&:hover { &:hover {
.claim-tile__hover-actions { .claim-preview__hover-actions {
display: block; display: block;
} }
} }
@ -458,3 +430,17 @@
margin: var(--spacing-small); margin: var(--spacing-small);
margin-bottom: 0; margin-bottom: 0;
} }
.claim-preview__hover-actions {
display: none;
position: absolute;
top: var(--spacing-miniscule);
right: var(--spacing-miniscule);
& > * {
color: var(--color-black);
background-color: var(--color-white);
padding: var(--spacing-xsmall);
border-radius: var(--border-radius);
}
}