jdb/timestamper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding hover-able icons to timeline entries.

Browse Source 
- 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
Download Patch File Download Diff File Expand all files Collapse all files

18
www/css/ts-screen.css
View File

@ -171,10 +171,26 @@ input {
padding: 0 2rem; }
#entry-list .entry div {
display: inline-block; }
#entry-list .entry .mark {
position: relative; }
#entry-list .entry .mark img.delete-icon {
display: none;
left: -20px;
position: absolute;
top: 6px; }
#entry-list .entry .mark img.notes-icon {
display: none;
margin-top: 6px;
float: right; }
#entry-list .entry:hover .mark img {
display: inline; }
#entry-list .entry .mark-input, #entry-list .entry .timestamp-input {
display: none; }
#entry-list .entry .notes, #entry-list .entry .notes-input {
display: none; }
display: none;
font-family: Cantarell;
font-size: small;
padding-left: 1em; }
#entry-list .entry.edit-mark .mark-input {
display: inline-block; }
#entry-list .entry.edit-mark .mark {

26
www/css/ts-screen.scss
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; }