LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Packages Projects Releases 238 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 && (
<React.Fragment>
{/* @if TARGET='app' */}
<div className="claim-tile__hover-actions">
<div className="claim-preview__hover-actions">
<FileDownloadLink uri={canonicalUrl} hideOpenButton />
</div>
{/* @endif */}

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

@ -93,20 +93,6 @@
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 {
.claim-preview__hover-actions {
display: block;
@ -421,22 +407,8 @@
}
.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 {
.claim-tile__hover-actions {
.claim-preview__hover-actions {
display: block;
}
}
@ -458,3 +430,17 @@
margin: var(--spacing-small);
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);
}
}