Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-10 07:55:24 +02:00
Code Issues Releases Activity

shortcut logic updated

Browse source
This commit is contained in:
Umang G. Patel 2022-10-12 20:01:22 +05:30
parent 49d610f2f5
commit 5ff587a8af
3 changed files with 8 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/backend/views/components/sidebar.twig
View file

@ -6,7 +6,7 @@
</div> </div>
<aside class="docs-sidebar__content docs-sidebar__content--invisible"> <aside class="docs-sidebar__content docs-sidebar__content--invisible">
<span> <span class="docs-sidebar__search-wrapper">
<input class="docs-sidebar__search" type="text" placeholder="Search" /> <input class="docs-sidebar__search" type="text" placeholder="Search" />
</span> </span>
{% for firstLevelPage in menu %} {% for firstLevelPage in menu %}

11
src/frontend/js/classes/sidebar-filter.js
View file

@ -23,8 +23,7 @@ export default class SidebarFilter {
sectionListItem: 'docs-sidebar__section-list-item', sectionListItem: 'docs-sidebar__section-list-item',
sectionListItemWrapperHidden: 'docs-sidebar__section-list-item-wrapper--hidden', sectionListItemWrapperHidden: 'docs-sidebar__section-list-item-wrapper--hidden',
sectionListItemSlelected: 'docs-sidebar__section-list-item--selected', sectionListItemSlelected: 'docs-sidebar__section-list-item--selected',
sidebarSearchWrapperMac: 'docs-sidebar__search-wrapper-mac', sidebarSearchWrapper: 'docs-sidebar__search-wrapper',
sidebarSearchWrapperOther: 'docs-sidebar__search-wrapper-other',
}; };
} }
@ -57,13 +56,13 @@ export default class SidebarFilter {
this.sidebarContent = sidebarContent; this.sidebarContent = sidebarContent;
this.search = search; this.search = search;
this.setSectionCollapsed = setSectionCollapsed; this.setSectionCollapsed = setSectionCollapsed;
let className = SidebarFilter.CSS.sidebarSearchWrapperOther; let shortcutText = 'Ctrl P';
// Search initialize with platform specific shortcut. // Search initialize with platform specific shortcut.
if (window.navigator.userAgent.indexOf('Mac') != -1) { if (window.navigator.userAgent.indexOf('Mac') !== -1) {
className = SidebarFilter.CSS.sidebarSearchWrapperMac; shortcutText = '⌘ P';
} }
this.search.parentElement.classList.add(className); this.search.parentElement.setAttribute('data-shortcut', shortcutText);
// Initialize search input. // Initialize search input.
this.search.value = ''; this.search.value = '';

13
src/frontend/styles/components/sidebar.pcss
View file

@ -85,21 +85,12 @@
padding-right: 45px; padding-right: 45px;
line-height: 21px; line-height: 21px;
&-wrapper-mac::after { &-wrapper::after {
color: var(--color-button-secondary); color: var(--color-button-secondary);
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
line-height: 17px; line-height: 17px;
content: "⌘ P"; content: attr(data-shortcut);
margin-left: -50px;
}
&-wrapper-other::after {
color: var(--color-button-secondary);
font-weight: 400;
font-size: 14px;
line-height: 17px;
content: "Ctrl P";
margin-left: -50px; margin-left: -50px;
} }
} }