LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-08-23 17:47:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix button styles

Browse source
This commit is contained in:
Sean Yesmunt 2020-04-01 15:36:59 -04:00
parent 872259b73a
commit 90024fc7ea
4 changed files with 24 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ui/component/fileRenderHeader/view.jsx
View file

@ -14,14 +14,14 @@ function FileRenderHeader(props: Props) {
const { uri, claim } = props; const { uri, claim } = props;
return ( return (
<div> <div className="file-render__header">
<ClaimUri uri={uri} /> <ClaimUri uri={uri} />
{claim.meta.reposted > 0 && ( {claim && claim.meta.reposted > 0 && (
<Button <Button
button="link" button="link"
className="media__uri--right" className="media__uri--right"
label={__('View %count% reposts', { count: claim.meta.reposted })} label={__('View reposts')}
navigate={`/$/${PAGES.DISCOVER}?${CS.REPOSTED_URI_KEY}=${encodeURIComponent(uri)}`} navigate={`/$/${PAGES.DISCOVER}?${CS.REPOSTED_URI_KEY}=${encodeURIComponent(uri)}`}
/> />
)} )}

8
ui/scss/component/_button.scss
View file

@ -1,3 +1,11 @@
.button--primary,
.button--secondary,
.button--alt {
@media (max-width: $breakpoint-small) {
font-size: var(--font-small);
}
}
.button--uri-indicator { .button--uri-indicator {
@extend .button--link; @extend .button--link;
color: var(--color-text-subtitle); color: var(--color-text-subtitle);

11
ui/scss/component/_channel.scss
View file

@ -8,10 +8,6 @@ $metadata-z-index: 1;
align-items: flex-end; align-items: flex-end;
box-sizing: content-box; box-sizing: content-box;
color: #fff; color: #fff;
.button--alt {
padding: 0 var(--spacing-small);
}
} }
.channel-cover__custom { .channel-cover__custom {
@ -152,6 +148,13 @@ $metadata-z-index: 1;
margin-top: var(--spacing-medium); margin-top: var(--spacing-medium);
z-index: $metadata-z-index; z-index: $metadata-z-index;
flex-wrap: wrap; flex-wrap: wrap;
@media (max-width: $breakpoint-small) {
> * {
margin-bottom: var(--spacing-xsmall);
padding: 0 var(--spacing-xsmall);
}
}
} }
.channel-name--inline { .channel-name--inline {

6
ui/scss/component/_file-render.scss
View file

@ -70,6 +70,12 @@
} }
} }
.file-render__header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.file-render__viewer { .file-render__viewer {
width: 100%; width: 100%;
height: 100%; height: 100%;