fix: updated style for disabled publish
This commit is contained in:
parent
b8d0b2297f
commit
9ed2141988
2 changed files with 13 additions and 5 deletions
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue