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

add autofresh toggle to toolbar

Browse source
This commit is contained in:
Cassie Tarakajian 2016-09-28 13:15:50 -04:00
parent 274614cc60
commit 56fcedc06a
2 changed files with 18 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
client/modules/IDE/components/Toolbar.js
View file

@ -69,6 +69,15 @@ class Toolbar extends React.Component {
> >
<InlineSVG src={stopUrl} alt="Stop Sketch" /> <InlineSVG src={stopUrl} alt="Stop Sketch" />
</button> </button>
<div className="toolbar__autorefresh">
<input
id="autorefresh"
type="checkbox"
/>
<label htmlFor="autorefresh" className="toolbar__autorefresh-label">
Auto-refresh
</label>
</div>
<div className={nameContainerClass}> <div className={nameContainerClass}>
<a <a
className="toolbar__project-name" className="toolbar__project-name"

9
client/styles/components/_toolbar.scss
View file

@ -30,6 +30,7 @@
.toolbar__stop-button { .toolbar__stop-button {
@include themify() { @include themify() {
@extend %toolbar-button; @extend %toolbar-button;
margin-right: #{15 / $base-font-size}rem;
&--selected { &--selected {
@extend %toolbar-button--selected; @extend %toolbar-button--selected;
} }
@ -96,3 +97,11 @@
.toolbar__project-owner { .toolbar__project-owner {
margin-left: #{5 / $base-font-size}rem; margin-left: #{5 / $base-font-size}rem;
} }
.toolbar__autorefresh-label {
@include themify() {
color: getThemifyVariable('inactive-text-color');
}
margin-left: #{5 / $base-font-size}rem;
font-size: #{12 / $base-font-size}rem;
}