LBRYCommunity/spee.ch
1
0
Fork 0
Code Issues 95 Pull requests 2 Projects Releases 4 Packages Wiki Activity

fix: updated style for disabled publish

Browse source
This commit is contained in:
bill bittner 2018-03-12 14:37:48 -07:00
parent b8d0b2297f
commit 9ed2141988
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/assets/css/general.css
View file

@ -85,11 +85,14 @@ h3, p {
font-size: x-large; font-size: x-large;
} }
.text--large { .text--large {
font-size: 2rem; font-size: 2rem;
} }
.text--disabled {
color: #9b9b9b;
}
.pull-quote { .pull-quote {
font-size: 3rem; font-size: 3rem;
margin-top: 1rem; margin-top: 1rem;
@ -165,6 +168,11 @@ a, a:visited {
color: #9b9b9b; color: #9b9b9b;
} }
.link--disabled-text {
color: #9b9b9b;
text-decoration: underline;
}
.link--nav { .link--nav {
color: black; color: black;
border-bottom: 2px solid white; border-bottom: 2px solid white;
@ -504,7 +512,7 @@ table {
/* PUBLISH FORM */ /* PUBLISH FORM */
.dropzone { .dropzone, .dropzone--disabled {
border: 2px dashed #9b9b9b; border: 2px dashed #9b9b9b;
text-align: center; text-align: center;
position: relative; position: relative;

6
react/containers/PublishTool/view.jsx
View file

@ -7,9 +7,9 @@ class PublishTool extends React.Component {
render () { render () {
if (this.props.disabled) { if (this.props.disabled) {
return ( return (
<div className='row row--tall flex-container--column flex-container--center-center'> <div className='row dropzone--disabled row--tall flex-container--column flex-container--center-center'>
<p>Publishing is temporarily disabled.</p> <p className='text--disabled'>Publishing is temporarily disabled.</p>
<p>Please check back soon or join our <a className='link--primary' href='https://discord.gg/YjYbwhS'>discord channel</a> for updates.</p> <p className='text--disabled'>Please check back soon or join our <a className='link--disabled-text' href='https://discord.gg/YjYbwhS'>discord channel</a> for updates.</p>
</div> </div>
); );
} }