pages/assets/js/shortcut-key.js
Andrew Leonard afc56cc987
Feature: Dynamically sets the search shortcut key based on the user's platform (#2461)
This addresses issue #2437 by:
- Adding a new script that dynamically sets the search keyboard shortcut
by checking what platform the user is currently using
- Loading this script in `default.liquid`

<img width="1150" alt="SCR-20240529-cdfe"
src="https://github.com/alshedivat/al-folio/assets/16251412/7c4125fc-5028-422f-97d5-0df729e30fa7">
2024-05-31 18:23:46 -03:00

12 lines
493 B
JavaScript

// Check if the user is on a Mac and update the shortcut key for search accordingly
document.onreadystatechange = () => {
if (document.readyState === "interactive") {
let isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;
let shortcutKeyElement = document.querySelector("#search-toggle .nav-link");
if (shortcutKeyElement && isMac) {
// use the unicode for command key
shortcutKeyElement.innerHTML = '&#x2318; k <i class="ti ti-search"></i>';
}
}
};