make links accessible

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

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">

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>

View file

@ -5,8 +5,8 @@
.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 {
.sidebar__file-item--selected { background-color: $ide-border-color;
background-color: $ide-border-color; }
} }