mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Bookmark layout updated

This commit is contained in:
Marvin Thomas Rabe 2012-02-01 21:19:31 +01:00
parent e4faea8f90
commit bbd10a3c94
2 changed files with 16 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
apps/bookmarks/css/bookmarks.css
View File

@ -18,7 +18,7 @@
} }
.bookmarks_list { .bookmarks_list {
margin-top: 45px; margin-top: 2.8em;
} }
.bookmarks_addBml { .bookmarks_addBml {
@ -36,38 +36,33 @@
} }
.bookmark_actions { .bookmark_actions {
position: absolute;
right: 1em;
top: 0.7em;
display: none; display: none;
font-size: smaller;
color: #666;
padding-left: 4em;
}
.bookmark_actions span:hover {
cursor: pointer;
text-decoration: underline;
} }
.bookmark_actions span { margin: 0 0.4em; }
.bookmark_actions img { opacity: 0.3; }
.bookmark_actions img:hover { opacity: 1; cursor: pointer; }
.bookmark_single { .bookmark_single {
position: relative;
padding: 0.5em 1em; padding: 0.5em 1em;
border-bottom: 1px solid #DDD;
-webkit-transition:background-color 500ms; -moz-transition:background-color 500ms; -o-transition:background-color 500ms; transition:background-color 500ms;
} }
.bookmark_single:hover { .bookmark_single:hover {
background-color: #EAEAEA; background-color:#f8f8f8
} }
.bookmark_single:hover .bookmark_actions { .bookmark_single:hover .bookmark_actions {
display: block; display: block;
} }
.bookmark_title { .bookmark_title { font-weight: bold; display: inline-block; margin-right: 0.8em; }
font-size: larger; .bookmark_url { display: none; color: #999; }
color: blue; .bookmark_single:hover .bookmark_url { display: inline; }
text-decoration: underline;
}
.bookmark_url {
color: green;
}
.bookmark_tag { .bookmark_tag {
color: #ff3333; color: #ff3333;

4
apps/bookmarks/js/bookmarks.js
View File

@ -85,10 +85,10 @@ function addOrEditBookmark(event) {
$('.bookmarks_add').children('p').children('.bookmarks_input').val(''); $('.bookmarks_add').children('p').children('.bookmarks_input').val('');
$('.bookmarks_list').prepend( $('.bookmarks_list').prepend(
'<div class="bookmark_single" data-id="' + bookmark_id + '" >' + '<div class="bookmark_single" data-id="' + bookmark_id + '" >' +
'<p class="bookmark_actions"><span class="bookmark_delete"><img src="img/delete.png" title="Delete"></span>&nbsp;<span class="bookmark_edit"><img src="img/edit.png" title="Edit"></span></p>' +
'<p class="bookmark_title"><a href="' + url + '" target="_blank" class="bookmark_link">' + title + '</a></p>' + '<p class="bookmark_title"><a href="' + url + '" target="_blank" class="bookmark_link">' + title + '</a></p>' +
'<p class="bookmark_url">' + url + '</p>' + '<p class="bookmark_url">' + url + '</p>' +
'<p class="bookmark_tags">' + tagshtml + '</p>' + '<p class="bookmark_tags">' + tagshtml + '</p>' +
'<p class="bookmark_actions"><span class="bookmark_delete">Delete</span>&nbsp;<span class="bookmark_edit">Edit</span></p>' +
'</div>' '</div>'
); );
} }
@ -153,10 +153,10 @@ function updateBookmarksList(bookmark) {
} }
$('.bookmarks_list').append( $('.bookmarks_list').append(
'<div class="bookmark_single" data-id="' + bookmark.id +'" >' + '<div class="bookmark_single" data-id="' + bookmark.id +'" >' +
'<p class="bookmark_actions"><span class="bookmark_delete"><img src="img/delete.png" title="Delete"></span>&nbsp;<span class="bookmark_edit"><img src="img/edit.png" title="Edit"></span></p>' +
'<p class="bookmark_title"><a href="' + encodeEntities(bookmark.url) + '" target="_blank" class="bookmark_link">' + encodeEntities(bookmark.title) + '</a></p>' + '<p class="bookmark_title"><a href="' + encodeEntities(bookmark.url) + '" target="_blank" class="bookmark_link">' + encodeEntities(bookmark.title) + '</a></p>' +
'<p class="bookmark_url">' + encodeEntities(bookmark.url) + '</p>' + '<p class="bookmark_url">' + encodeEntities(bookmark.url) + '</p>' +
'<p class="bookmark_tags">' + taglist + '</p>' + '<p class="bookmark_tags">' + taglist + '</p>' +
'<p class="bookmark_actions"><span class="bookmark_delete">Delete</span>&nbsp;<span class="bookmark_edit">Edit</span></p>' +
'</div>' '</div>'
); );
} }