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

fix #291

Browse source
This commit is contained in:
Cassie Tarakajian 2017-02-17 15:47:54 -05:00
parent f344e01003
commit 7b602671b9
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/modules/IDE/components/SketchList.jsx
View file

@ -14,10 +14,10 @@ class SketchList extends React.Component {
constructor(props) {
super(props);
this.closeSketchList = this.closeSketchList.bind(this);
this.props.getProjects(this.props.username);
}
componentDidMount() {
this.props.getProjects(this.props.username);
document.getElementById('sketchlist').focus();
}
@ -48,7 +48,7 @@ class SketchList extends React.Component {
<tbody>
{this.props.sketches.map(sketch =>
<tr className="sketches-table__row visibility-toggle" key={sketch.id}>
<td>
<td className="sketch-list__trash-column">
{(() => { // eslint-disable-line
if (this.props.username === this.props.user.username || this.props.username === undefined) {
return (

6
client/styles/components/_sketch-list.scss
View file

@ -28,7 +28,7 @@
max-height: 100%;
border-spacing: 0;
& .sketch-list__trash-column {
width: #{22 / $base-font-size}rem;
width: #{23 / $base-font-size}rem;
}
}
@ -75,6 +75,8 @@
.visibility-toggle .sketch-list__trash-button {
@extend %hidden-element;
width:#{20 / $base-font-size}rem;
height:#{20 / $base-font-size}rem;
}
.visibility-toggle:hover .sketch-list__trash-button {
@ -86,8 +88,6 @@
position: initial;
left: 0;
top: 0;
width:#{20 / $base-font-size}rem;
height:#{20 / $base-font-size}rem;
& g {
opacity: 1;
fill: getThemifyVariable('icon-hover-color');