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

make links accessible

Browse source
This commit is contained in:
mathuramg 2016-07-12 12:25:48 -04:00
parent d72a6be009
commit 624d79075a
6 changed files with 21 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
client/components/Nav.js
View file

@ -6,20 +6,20 @@ function Nav(props) {
<nav className="nav"> <nav className="nav">
<ul className="nav__items-left"> <ul className="nav__items-left">
<li className="nav__item"> <li className="nav__item">
<p <a
className="nav__new" className="nav__new"
onClick={props.createProject} onClick={props.createProject}
> >
New New
</p> </a>
</li> </li>
<li className="nav__item"> <li className="nav__item">
<p <a
className="nav__save" className="nav__save"
onClick={props.saveProject} onClick={props.saveProject}
> >
Save Save
</p> </a>
</li> </li>
<li className="nav__item"> <li className="nav__item">
<p className="nav__open"> <p className="nav__open">

12
client/modules/IDE/components/Sidebar.js
View file

@ -11,11 +11,13 @@ function Sidebar(props) {
'sidebar__file-item--selected': file.id === props.selectedFile.id 'sidebar__file-item--selected': file.id === props.selectedFile.id
}); });
return ( return (
<li <li className={itemClass}>
className={itemClass} <a
key={file.id} key={file.id}
onClick={() => props.setSelectedFile(file.id)} onClick={() => props.setSelectedFile(file.id)}
>{file.name}</li> >{file.name}
</a>
</li>
); );
})} })}
</ul> </ul>

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

@ -34,7 +34,7 @@ function Toolbar(props) {
<span <span
className="toolbar__project-name" className="toolbar__project-name"
// TODO change this span into an input // TODO change this span into an input
onBlur={props.setProjectName.bind(this)} // eslint-disable-line onBlur={props.setProjectName.bind(this)} // eslint-disable-line
contentEditable contentEditable
suppressContentEditableWarning suppressContentEditableWarning
> >

2
client/styles/abstracts/_variables.scss
View file

@ -18,7 +18,7 @@ $light-button-background-hover-color: $p5js-pink;
$light-button-background-active-color: #f10046; $light-button-background-active-color: #f10046;
$light-button-hover-color: $white; $light-button-hover-color: $white;
$light-button-active-color: $white; $light-button-active-color: $white;
$light-modal-button-background-color: #e6e6e6; $light-modal-button-background-color: #e6e6e6;
$light-icon-color: #8b8b8b; $light-icon-color: #8b8b8b;
$light-icon-hover-color: $light-primary-text-color; $light-icon-hover-color: $light-primary-text-color;

10
client/styles/components/_sidebar.scss
View file

@ -1,12 +1,12 @@
.sidebar__file-list { .sidebar__file-list {
border-top: 1px solid $ide-border-color; border-top: 1px solid $ide-border-color;
} }
.sidebar__file-item { .sidebar__file-item {
padding: #{8 / $base-font-size}rem #{20 / $base-font-size}rem; padding: #{8 / $base-font-size}rem #{20 / $base-font-size}rem;
color: $light-inactive-text-color; color: $light-inactive-text-color;
cursor: pointer;
&--selected {
background-color: $ide-border-color;
}
} }
.sidebar__file-item--selected {
background-color: $ide-border-color;
}

6
client/styles/components/_signup.scss
View file

@ -6,14 +6,14 @@
justify-content: center; justify-content: center;
} }
.signup-form__username-label, .signup-form__username-label,
.signup-form__email-label, .signup-form__email-label,
.signup-form__password-label, .signup-form__password-label,
.signup-form__confirm-password-label { .signup-form__confirm-password-label {
display: none; display: none;
} }
.signup-form__username-input, .signup-form__username-input,
.signup-form__email-input, .signup-form__email-input,
.signup-form__password-input, .signup-form__password-input,
.signup-form__confirm-password-input { .signup-form__confirm-password-input {
@ -22,4 +22,4 @@
.signup-form__field { .signup-form__field {
margin: #{20 / $base-font-size}rem 0; margin: #{20 / $base-font-size}rem 0;
} }