51 Commits

Author SHA1 Message Date
e37aa1c3a2 Use CSS @supports rule to change property values if popover is supported 2024-07-24 20:37:12 +08:00
3527606cb4 Add fallback for older browsers that do not support HTML popover 2024-07-24 20:10:18 +08:00
b928f04b68 Turn popover navigation menu into flexbox 2024-07-21 09:56:10 +08:00
895eef871a Ensure navigation popover is hidden on wide screens 2024-07-21 01:33:03 +08:00
9b3d4a9e59 Use padding to set navigation popover size 2024-07-20 15:42:02 +08:00
3f4514afdb Unify navigation link focus outline colour 2024-07-20 14:42:44 +08:00
ee4d0e40e2 Increase outline offset when toggle button is focused 2024-07-20 14:04:33 +08:00
79478a3d6d Fix hamburger toggle button aria label 2024-07-20 14:00:00 +08:00
920871ac41 Use popover for hamburger navigation menu 2024-07-20 13:52:56 +08:00
8eb0825205 Bundle page-specific JavaScript 2024-07-18 23:36:07 +08:00
8ae24bc0eb Use bundle plugin to bundle CSS 2024-07-18 21:08:32 +08:00
ae300f76c7 Reduce navbar CSS whitespace 2024-07-14 21:06:03 +08:00
742659daca Rename navbar toggle ID 2024-07-14 21:04:55 +08:00
96049f1b13 Use visually hidden and aria-labelledby to label landmarks 2024-07-14 11:58:34 +08:00
8cc6a6ac13 Add unique aria labels to landmarks 2024-07-14 10:52:19 +08:00
371ca525a0 Replace list-style: none to list-style-type: "" 2024-07-13 22:13:50 +08:00
6f8af10890 Set shrine home link on the global navbar template 2024-07-07 13:00:45 +08:00
25e14f27a3 Clean up navbar link block 2024-07-07 12:55:34 +08:00
256f8a70c6 Rename shrine index to shrine directory 2024-07-07 12:53:49 +08:00
7f344a6866 Refactor Escape key press event 2024-07-05 17:21:50 +08:00
1100822cd0 Remove navigation ARIA role from nav elements 2024-06-23 16:17:53 +08:00
dd3ff4d15c Remove defer attribute from standalone <script> tags 2024-06-23 16:17:00 +08:00
bbdcd2080b Fix navigation menu's aria-expanded attribute when closed with Escape key 2024-06-14 03:01:14 +08:00
7e8962b491 Use SVG icon for navigation hamburger menu 2024-06-14 02:54:37 +08:00
789b7d24c9 Reduce navbar's toggle font size and paddings 2024-06-12 08:07:16 +08:00
322b2ddfc9 Refactor navigation hamburger menu to an accordion 2024-06-12 01:24:10 +08:00
6bb6da7f42 Initiate variables for navbar class names 2024-06-10 19:35:27 +08:00
a407e2c681 Make navigation links flexbox on all screen sizes 2024-06-10 16:55:19 +08:00
f5694ccf3a Add event parameter to handleBlur function 2024-06-08 00:47:33 +08:00
337393ab61 Add semicolon to handleBlue navigation function 2024-06-08 00:45:55 +08:00
e4d2ead075 Close navigation if the user tabs out of navigation links 2024-06-08 00:45:21 +08:00
68b462f862 Enable using escape key to close navigation toggle 2024-06-08 00:43:19 +08:00
479eb20bec Use double quotes for navigation toggle functions 2024-06-08 00:39:51 +08:00
872f049680 Attribute source of accessible navigation toggle script 2024-06-08 00:38:50 +08:00
df3db4140d Use ariaExpanded method for navigation toggle function 2024-06-08 00:37:13 +08:00
60077f2929 Refactor navigation toggle function 2024-06-08 00:36:30 +08:00
d466d661ac Refactor aria-expanded attribute check 2024-06-08 00:29:11 +08:00
38f4c69895 Check aria-expanded value instead of class name to toggle the attribute of navigation toggle button 2024-06-08 00:24:58 +08:00
366ff401cd Restore navigation toggle to button element and add aria-expanded attribute toggle 2024-06-08 00:17:59 +08:00
2b3bc1855b Optimise navigation toggle label for screen readers 2024-06-07 21:00:55 +08:00
5d0351e813 Use pointer cursor when hovered over navigation toggle 2024-06-07 17:46:14 +08:00
435c8283f5 Use checkbox for navigation toggle to remove use of JavaScript 2024-06-07 17:24:50 +08:00
eeb828607e Use hambutger menu text symbol for navigation roggle button 2024-06-06 21:07:22 +08:00
b62e3fb239 Adjust left-right padding of navbar links on mobile 2024-05-10 17:07:17 +08:00
f731e07435 Put navbar title in toggle button for mobile 2024-05-10 17:06:10 +08:00
52559dd60c Style navigation bar toggle button focus outline 2024-04-29 18:23:26 +08:00
6c468c7686 Fix hidden overflowed focus outline on larger screens 2024-04-29 18:12:51 +08:00
e0a3feb939 Turn the nabigation menu into a hamburger menu on mobile 2024-04-29 18:01:46 +08:00
c471b1a848 Use position: sticky to make navbar sticky 2024-04-18 22:54:20 +08:00
d2adc35286 Increase navbar sticky line 2024-04-18 22:26:11 +08:00