Show edit-link on hover

This commit is contained in:
Tyler Renelle 2012-02-11 15:07:17 -05:00
parent 9a05e5448d
commit bd7a49c436
3 changed files with 14 additions and 8 deletions

View file

@ -10,10 +10,11 @@
<% } %>
<span class="habit-text"><%= name %></span>
<div class='edit'>
<div class='habit-meta'>
<a class="edit-link" href="#/<%= id %>/edit">Edit</a>
<% if (notes) { %>
<img src='/assets/comment.png' class="comment" />
<div class='qtip'><%= notes %></div>
<% } %>
<a href="#/<%= id %>/edit">Edit</a>
</div>
</div>

View file

@ -40,10 +40,18 @@
text-decoration:none;
}
.edit { float:right; }
#progressbar { margin-top: 20px; }
#tnl { float:right; margin:5px; }
#money { float:right; }
.habit-meta { float:right; }
.habit-meta .edit-link {
display: none;
}
li:hover .habit-meta .edit-link {
display: inline;
}

View file

@ -1,3 +0,0 @@
// Place all the styles related to the rewards controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/