Adding hover-able icons to timeline entries.

- Added notes and delete icons right and left entry marks respectively.
- Notes icon slide toggles the notes display (hidden by default).
This commit is contained in:
Jonathan Bernard
2011-05-09 10:52:21 -05:00
parent 74d8a7f015
commit 808492154d
18 changed files with 79 additions and 30 deletions

View File

@ -241,9 +241,33 @@ input {
div { display: inline-block; }
.mark {
position: relative;
img.delete-icon {
display: none;
left: -20px;
position: absolute;
top: 6px;
}
img.notes-icon {
display: none;
margin-top: 6px;
float: right;
}
}
&:hover .mark img { display: inline; }
.mark-input, .timestamp-input { display: none; }
.notes, .notes-input { display: none; }
.notes, .notes-input {
display: none;
font-family: Cantarell;
font-size: small;
padding-left: 1em;
}
&.edit-mark {
.mark-input { display: inline-block; }