Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-08 23:15:28 +02:00
Code Issues Releases Activity

bugfix: up height of header added

Browse source
This commit is contained in:
Umang G. Patel 2022-08-30 23:41:25 +05:30
parent 8277fc7a6c
commit 6c4769c297
1 changed files with 10 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/js/modules/sidebar.js
View file

@ -11,6 +11,10 @@ const SIDEBAR_VISIBILITY_KEY = 'docs_sidebar_visibility';
* Section list item height in px * Section list item height in px
*/ */
const ITEM_HEIGHT = 35; const ITEM_HEIGHT = 35;
/**
* HEIGHT of the header in px
*/
const HEADER_HEIGHT = 56;
/** /**
* Sidebar module * Sidebar module
@ -113,7 +117,7 @@ export default class Sidebar {
// Get search results if search input is empty. // Get search results if search input is empty.
this.search(''); this.search('');
// Add event listener for keyboard events. // Add event listener for keyboard events.
this.nodes.sidebar.addEventListener('keydown', e => this.handleKeyboardEventOnSearch(e)); this.nodes.sidebarContent.addEventListener('keydown', e => this.handleKeyboardEventOnSearch(e));
this.ready(); this.ready();
} }
@ -293,6 +297,8 @@ export default class Sidebar {
// if enter is pressed and item is focused, then click on focused item. // if enter is pressed and item is focused, then click on focused item.
if (e.code === 'Enter' && this.nodes.selectedSearchResultIndex !== null) { if (e.code === 'Enter' && this.nodes.selectedSearchResultIndex !== null) {
this.nodes.searchResults[this.nodes.selectedSearchResultIndex].element.click(); this.nodes.searchResults[this.nodes.selectedSearchResultIndex].element.click();
e.preventDefault();
e.stopPropagation();
} }
if (e.code === 'ArrowUp' || e.code === 'ArrowDown') { if (e.code === 'ArrowUp' || e.code === 'ArrowDown') {
@ -363,7 +369,7 @@ export default class Sidebar {
const elemBottom = rect.bottom; const elemBottom = rect.bottom;
// scroll top if item is not visible. // scroll top if item is not visible.
if (elemTop < 0) { if (elemTop < HEADER_HEIGHT) {
this.nodes.sidebarContent.scroll({ this.nodes.sidebarContent.scroll({
top: elemTop, top: elemTop,
behavior: 'smooth', behavior: 'smooth',
@ -377,6 +383,8 @@ export default class Sidebar {
}); });
} }
} }
e.preventDefault();
e.stopPropagation();
} }
} }