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

Merge pull request #2037 from lbryio/housekeeping

Browse source 
Housekeeping
This commit is contained in:
Sean Yesmunt 2018-10-23 15:27:00 -04:00 committed by GitHub
commit 51133635b8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 36 additions and 34 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/renderer/component/publishForm/view.jsx
View file

@ -354,15 +354,10 @@ class PublishForm extends React.PureComponent<Props> {
return ( return (
<Form onSubmit={this.handlePublish}> <Form onSubmit={this.handlePublish}>
<section className={classnames('card card--section', { 'card--disabled': publishing })}> <section className={classnames('card card--section', { 'card--disabled': publishing })}>
<div className="card__title">{__('Content')}</div> <div className="card__title card--space-between">
<div className="card__subtitle"> {__('Content')}
{isStillEditing ? __('Editing a claim') : __('What are you publishing?')}{' '}
{__('Read our')}{' '}
<Button button="link" label={__('FAQ')} href="https://lbry.io/faq/how-to-publish" />{' '}
{__('to learn more.')}
</div>
{(filePath || !!editingURI) && ( {(filePath || !!editingURI) && (
<div className="card-media__internal-links"> <div className="card__actions-top-corner">
<Button <Button
button="inverse" button="inverse"
icon={icons.CLOSE} icon={icons.CLOSE}
@ -371,6 +366,13 @@ class PublishForm extends React.PureComponent<Props> {
/> />
</div> </div>
)} )}
</div>
<div className="card__subtitle">
{isStillEditing ? __('Editing a claim') : __('What are you publishing?')}{' '}
{__('Read our')}{' '}
<Button button="link" label={__('FAQ')} href="https://lbry.io/faq/how-to-publish" />{' '}
{__('to learn more.')}
</div>
<div className="card__content"> <div className="card__content">
<FileSelector currentPath={filePath} onFileChosen={this.handleFileChange} /> <FileSelector currentPath={filePath} onFileChosen={this.handleFileChange} />
{!!isStillEditing && {!!isStillEditing &&

46
src/renderer/scss/component/_card.scss
View file

@ -36,24 +36,6 @@
cursor: pointer; cursor: pointer;
} }
.card__media {
background-color: $lbry-gray-3;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.card__media--no-img {
align-items: center;
display: flex;
justify-content: center;
position: relative;
}
.card__media--nsfw {
background-color: $lbry-red-5;
}
.card--pending { .card--pending {
opacity: 0.5; opacity: 0.5;
} }
@ -85,6 +67,24 @@
} }
} }
.card__media {
background-color: $lbry-gray-3;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.card__media--no-img {
align-items: center;
display: flex;
justify-content: center;
position: relative;
}
.card__media--nsfw {
background-color: $lbry-red-5;
}
.card__actions { .card__actions {
display: flex; display: flex;
margin-top: $spacing-vertical * 2/3; margin-top: $spacing-vertical * 2/3;
@ -227,12 +227,12 @@
.card__subtitle { .card__subtitle {
color: $lbry-gray-5; color: $lbry-gray-5;
font-size: 1em; font-size: .9em;
line-height: 1em; line-height: .9em;
padding-top: $spacing-vertical * 1/3; padding-top: $spacing-vertical * 1/3;
@media (min-width: $large-breakpoint) { @media (min-width: $large-breakpoint) {
font-size: 1.2em; font-size: 1em;
} }
} }
@ -277,11 +277,11 @@
.card__title--file-card { .card__title--file-card {
// FileCard is slightly different where the title is only slightly bigger than the subtitle // FileCard is slightly different where the title is only slightly bigger than the subtitle
// Slightly bigger than 2 lines for consistent channel placement // Slightly bigger than 2 lines for consistent channel placement
font-size: 1.1em; font-size: 1em;
height: 3.3em; height: 3.3em;
@media only screen and (min-width: $large-breakpoint) { @media only screen and (min-width: $large-breakpoint) {
font-size: 1.3em; font-size: 1.1em;
} }
} }