IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-26 10:50:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Make the .selected class follow focus

Browse Source
This commit is contained in:
Kane York 2018-01-15 18:22:08 -08:00 committed by Guo Xiang Tan
parent 3212cdda78
commit 59b7760e2e
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
app/assets/javascripts/discourse/lib/keyboard-shortcuts.js.es6
View File

@ -89,6 +89,8 @@ export default {
this._bindToClick(binding.click, key);
}
});
this._bindFocus();
},
toggleBookmark() {
@ -308,6 +310,19 @@ export default {
}
},
_bindFocus() {
const addSelected = function(e, addOrRemove) {
const row = '.topic-post, .topic-list-item, .topic-list tbody tr';
const $wrapper = $(e.target).closest(row);
const $srcWrapper = $(e.relatedTarget).closest(row);
if (!$wrapper.is($srcWrapper)) $wrapper.toggleClass('selected', addOrRemove);
};
const $document = $(document);
$document.on('focusin.topic-post', e => addSelected(e, true));
$document.on('focusout.topic-post', e => addSelected(e, false));
},
_moveSelection(direction) {
const $articles = this._findArticles();