git.iko.soy/urbit.org
on master help sign in
urbit.org: change search hotkey, add hint
7634450Matilde Park
static/scripts.js+6−3
compare with master
unifiedsplit
@@ -15,8 +15,11 @@ function initHotKeys() {
15 document.body.classList.remove('has-active-search-window');
15 document.body.classList.remove('has-active-search-window');
16 }
16 }
17
17
18− // / to open toggle window
18+ // Ctrl or Meta + / to open toggle window
19+ if (
20+ (event.getModifierState("Control") || event.getModifierState("Meta")) &&
19− if (key === '/' || key === 'Period' || key === 58) {
21+ (key === '/' || key === 'Period' || key === 58)
22+ ) {
20 if (bodyEl.classList.contains('has-active-search-window')) {
23 if (bodyEl.classList.contains('has-active-search-window')) {
21 // if it's already open don't do anything!
24 // if it's already open don't do anything!
22 } else {
25 } else {
@@ -232,6 +235,7 @@ function initSearch() {
232 var searchWindow = document.getElementById('search-window');
235 var searchWindow = document.getElementById('search-window');
233 var searchActive = bodyEl.classList.contains('has-active-search-window');
236 var searchActive = bodyEl.classList.contains('has-active-search-window');
234
237
238+
235 if (toggleSearchWindow !== null) {
239 if (toggleSearchWindow !== null) {
236 toggleSearchWindow.onclick = function () {
240 toggleSearchWindow.onclick = function () {
237 inputReset.style.display = "none";
241 inputReset.style.display = "none";
@@ -325,7 +329,6 @@ function initSearch() {
325if (document.readyState === "complete" ||
329if (document.readyState === "complete" ||
326 (document.readyState !== "loading" && !document.documentElement.doScroll)
330 (document.readyState !== "loading" && !document.documentElement.doScroll)
327) {
331) {
328− initToggleSearchWindow();
329} else {
332} else {
330 document.addEventListener("DOMContentLoaded", function () {
333 document.addEventListener("DOMContentLoaded", function () {
331 initSearch();
334 initSearch();
templates/partials/navigation-docs.html+1
@@ -8,6 +8,7 @@
8 </a>
8 </a>
9 <button id="js-search-window-toggle" class="mt2 mb4 dn db-m db-l db-xl" type="button" style="outline:none">
9 <button id="js-search-window-toggle" class="mt2 mb4 dn db-m db-l db-xl" type="button" style="outline:none">
10 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray2">Search</span>
10 <span id="search-icon" class="f3 gray3">⚲</span><span class="ml3 gray2">Search</span>
11+ <span class="absolute pa1 ba b--gray3 gray3 br1 f7" id="keyhint" style="right: -139px;top: 6px;">Ctrl + /</span>
11 </button>
12 </button>
12 <ul class="lh-copy">
13 <ul class="lh-copy">
13 <li class="ml2 mt1"><a href="/using/install">Install -> </a></li>
14 <li class="ml2 mt1"><a href="/using/install">Install -> </a></li>
templates/partials/navigation-search.html+5−1
@@ -1,4 +1,8 @@
1−<button id="js-search-window-toggle" class="pointer mt2 dn db-m db-l db-xl bw-0 mb3" type="button" style="outline:none">
1+<button id="js-search-window-toggle" class="pointer mt2 dn db-m db-l db-xl bw-0 mb3 relative" type="button" style="outline:none">
2 <span id="search-icon" class="f3 gray3">⚲</span>
2 <span id="search-icon" class="f3 gray3">⚲</span>
3 <span class="gray3">Search</span>
3 <span class="gray3">Search</span>
4+ <span class="absolute pa1 ba b--gray3 gray3 br1 f7" id="keyhint" style="
5+ right: -56px;
6+ top: 6px;
7+ ">Ctrl + /</span>
4</button>
8</button>