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

fix: claim preview style

Browse source
This commit is contained in:
Sean Yesmunt 2019-07-08 21:19:46 -04:00
parent 90bf9487e8
commit 5a8b31fb1e
2 changed files with 6 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/ui/scss/component/_channel.scss
View file

@ -28,7 +28,7 @@ $metadata-z-index: 1;
.channel-thumbnail { .channel-thumbnail {
display: flex; display: flex;
height: 5rem; height: 5rem;
width: 6rem; width: 5rem;
background-size: cover; background-size: cover;
margin-right: var(--spacing-medium); margin-right: var(--spacing-medium);
} }

18
src/ui/scss/component/_claim-list.scss
View file

@ -82,20 +82,13 @@
} }
.claim-preview { .claim-preview {
@include mediaThumbHoverZoom;
display: flex; display: flex;
position: relative; position: relative;
overflow: visible;
cursor: pointer;
font-size: 1.3rem; font-size: 1.3rem;
padding: var(--spacing-medium); padding: var(--spacing-medium);
cursor: pointer;
overflow: hidden;
&:hover {
background-color: darken($lbry-white, 5%);
[data-mode='dark'] & {
background-color: var(--dm-color-04);
}
}
.media__thumb { .media__thumb {
width: var(--file-list-thumbnail-width); width: var(--file-list-thumbnail-width);
@ -122,11 +115,10 @@
} }
.claim-preview--large { .claim-preview--large {
@include mediaThumbHoverZoom;
font-size: 1.6rem; font-size: 1.6rem;
border-bottom: 0; border-bottom: 0;
padding: 0; padding: 0;
padding-bottom: var(--spacing-medium); margin: var(--spacing-small) 0;
&:hover { &:hover {
background-color: transparent; background-color: transparent;
@ -153,7 +145,7 @@
.claim-preview-metadata { .claim-preview-metadata {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; flex: 1;
} }
.claim-preview-info { .claim-preview-info {