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

View file

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

View file

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