r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

adding alpha warning (#249)

Browse source 
* removing avenir font, using montserrat instead due to licensing issues

* removing old import statement for typeography scss file

* adding alpha warning
This commit is contained in:
Lauren McCarthy 2017-01-06 12:13:46 -08:00 committed by Cassie Tarakajian
parent b02b8f99fe
commit c6ecda4f3a
2 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/components/Nav.jsx
View file

@ -142,6 +142,7 @@ function Nav(props) {
); );
})()} })()}
</ul> </ul>
<div className="nav__announce">This is a preview version of the editor, that has not yet been officially released. It is in development, you can report bugs <a href="https://github.com/processing/p5.js-web-editor/issues" target="_blank">here</a>. Please use with caution.</div>
</nav> </nav>
); );
} }

16
client/styles/components/_nav.scss
View file

@ -50,6 +50,7 @@
height: auto; height: auto;
} }
padding-bottom: #{8 / $base-font-size}rem; padding-bottom: #{8 / $base-font-size}rem;
z-index: 1;
} }
.nav__item-spacer { .nav__item-spacer {
@ -93,3 +94,18 @@
width: 100%; width: 100%;
} }
.nav__announce {
position: absolute;
top: #{40 / $base-font-size}rem;
right: #{88 / $base-font-size}rem;
width: #{398 / $base-font-size}rem;
padding: #{5 / $base-font-size}rem 0;
text-transform: uppercase;
background-color: #ffbc00;
color: white;
text-align: center;
padding: #{7 / $base-font-size}rem #{8 / $base-font-size}rem;
line-height: 145%;
z-index: 0;
}