fix: updated style for disabled publish

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

View file

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

View file

@ -7,9 +7,9 @@ class PublishTool extends React.Component {
render () {
if (this.props.disabled) {
return (
<div className='row row--tall flex-container--column flex-container--center-center'>
<p>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>
<div className='row dropzone--disabled row--tall flex-container--column flex-container--center-center'>
<p className='text--disabled'>Publishing is temporarily disabled.</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>
);
}