diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css index 283cabc..619ebb3 100644 --- a/htdocs/css/openwebrx.css +++ b/htdocs/css/openwebrx.css @@ -164,7 +164,6 @@ input[type=range]:focus::-ms-fill-upper { height: 25px; background-color: #444; - overflow: hidden; position: relative; z-index: 1000; } @@ -177,18 +176,45 @@ input[type=range]:focus::-ms-fill-upper padding: 2px 5px; cursor: pointer; white-space: nowrap; + max-height: 14px; + max-width: 50px; position: absolute; bottom: 5px; transform: translate(-50%, 0); } +#openwebrx-bookmarks-container .bookmark .bookmark-content { + overflow: hidden; + text-overflow: ellipsis; +} + +#openwebrx-bookmarks-container .bookmark .bookmark-actions { + display: none; + text-align: right; +} + +.bookmark-actions .action { + line-height: 0; +} + +.bookmark-actions .action img { + width: 14px; +} + #openwebrx-bookmarks-container .bookmark.selected { z-index: 1010; } #openwebrx-bookmarks-container .bookmark:hover { z-index: 1011; + max-height: none; + max-width: none; +} + +#openwebrx-bookmarks-container .bookmark[editable]:hover .bookmark-actions { + display: block; + margin-bottom: 5px; } #openwebrx-bookmarks-container .bookmark:after { diff --git a/htdocs/gfx/openwebrx-edit.png b/htdocs/gfx/openwebrx-edit.png new file mode 100644 index 0000000..ab403a5 Binary files /dev/null and b/htdocs/gfx/openwebrx-edit.png differ diff --git a/htdocs/gfx/openwebrx-trashcan.png b/htdocs/gfx/openwebrx-trashcan.png new file mode 100644 index 0000000..c47dd48 Binary files /dev/null and b/htdocs/gfx/openwebrx-trashcan.png differ diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js index 80e218e..76949d6 100644 --- a/htdocs/openwebrx.js +++ b/htdocs/openwebrx.js @@ -1337,11 +1337,20 @@ function on_ws_recv(evt) } } -function update_bookmarks(bookmarks, source) { +function update_bookmarks(bookmarks, source, editable) { + editable = !!editable; var $container = $('#openwebrx-bookmarks-container'); $container.find('.bookmark[data-source=' + source + ']').remove(); bookmarks.forEach(function(b){ - $bookmark = $('
' + b.name + '
'); + $bookmark = $( + '
' + + '
' + + '
' + + '
' + + '
' + + '
' + b.name + '
' + + '
' + ); $bookmark.data(b); $container.append($bookmark); }); @@ -1355,7 +1364,7 @@ function loadLocalBookmarks() { var bookmarks = getLocalBookmarks().filter(function(b){ return b.frequency >= start && b.frequency <= end; }); - update_bookmarks(bookmarks, 'local'); + update_bookmarks(bookmarks, 'local', true); } function position_bookmarks() {