mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-07-26 00:11:13 +02:00
Code Issues Releases Wiki Activity

add keyboard navigation in saved library pane. fixes #50

Browse Source
This commit is contained in:
Kushagra Gour
2017-01-24 12:03:32 +05:30
parent 51b59dd422
commit fa409ef5dd
2 changed files with 27 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
src/script.js
View File

@@ -988,6 +988,31 @@ settingsBtn, onboardModal, notificationsBtn, onboardShowInTabOptionBtn, onboardD
else if (event.keyCode === 27) { else if (event.keyCode === 27) {
closeAllOverlays(); closeAllOverlays();
} }
if (event.keyCode === 40 && savedItemsPane.classList.contains('is-open')) {
var selectedItemElement = $('.js-saved-item-tile.selected');
if (selectedItemElement) {
selectedItemElement.classList.remove('selected');
selectedItemElement.nextElementSibling.classList.add('selected');
} else {
$('.js-saved-item-tile:first-child').classList.add('selected');
}
} else if (event.keyCode === 38 && savedItemsPane.classList.contains('is-open')) {
var selectedItemElement = $('.js-saved-item-tile.selected');
if (selectedItemElement) {
selectedItemElement.classList.remove('selected');
selectedItemElement.previousElementSibling.classList.add('selected');
} else {
$('.js-saved-item-tile:first-child').classList.add('selected');
}
} else if (event.keyCode === 13 && savedItemsPane.classList.contains('is-open')) {
var selectedItemElement = $('.js-saved-item-tile.selected');
setTimeout(function () {
openItem(selectedItemElement.dataset.itemId);
}, 350);
toggleSavedItemsPane();
}
utils.log(event.keyCode)
}); });
window.addEventListener('click', function(e) { window.addEventListener('click', function(e) {

3
src/style.css
View File

@@ -466,7 +466,8 @@ li.CodeMirror-hint-active {
transform: translateX(0px); transform: translateX(0px);
} }
} }
.saved-item-tile:hover { .saved-item-tile:hover,
.saved-item-tile.selected {
background: rgba(255,255,255,0.1); background: rgba(255,255,255,0.1);
} }
.saved-item-tile__close-btn { .saved-item-tile__close-btn {