28 Commits

Author	SHA1	Message	Date
Helen Chong	6bbb230f1f	Use SVG icon for navigation hamburger menu	2024-06-14 02:54:37 +08:00
Helen Chong	46fc7d683e	Reduce navbar's toggle font size and paddings	2024-06-12 08:07:16 +08:00
Helen Chong	00baf37c40	Refactor navigation hamburger menu to an accordion	2024-06-12 01:24:10 +08:00
Helen Chong	9969d0e36f	Initiate variables for navbar class names	2024-06-10 19:35:27 +08:00
Helen Chong	c2410dce82	Make navigation links flexbox on all screen sizes	2024-06-10 16:55:19 +08:00
Helen Chong	a92621bbfc	Add event parameter to handleBlur function	2024-06-08 00:47:33 +08:00
Helen Chong	2299d5bc94	Add semicolon to handleBlue navigation function	2024-06-08 00:45:55 +08:00
Helen Chong	85ef8b87b3	Close navigation if the user tabs out of navigation links	2024-06-08 00:45:21 +08:00
Helen Chong	a7c2bf8f29	Enable using escape key to close navigation toggle	2024-06-08 00:43:19 +08:00
Helen Chong	fb4515acc5	Use double quotes for navigation toggle functions	2024-06-08 00:39:51 +08:00
Helen Chong	821d523e03	Attribute source of accessible navigation toggle script	2024-06-08 00:38:50 +08:00
Helen Chong	d3c19d83fb	Use ariaExpanded method for navigation toggle function	2024-06-08 00:37:13 +08:00
Helen Chong	5117609be4	Refactor navigation toggle function	2024-06-08 00:36:30 +08:00
Helen Chong	4ef8ebd499	Refactor aria-expanded attribute check	2024-06-08 00:29:11 +08:00
Helen Chong	1bc88b6c95	Check aria-expanded value instead of class name to toggle the attribute of navigation toggle button	2024-06-08 00:24:58 +08:00
Helen Chong	af784f1a8d	Restore navigation toggle to button element and add aria-expanded attribute toggle	2024-06-08 00:17:59 +08:00
Helen Chong	9b22c711a0	Optimise navigation toggle label for screen readers	2024-06-07 21:00:55 +08:00
Helen Chong	859ff67818	Use pointer cursor when hovered over navigation toggle	2024-06-07 17:46:14 +08:00
Helen Chong	d8e4374363	Use checkbox for navigation toggle to remove use of JavaScript	2024-06-07 17:24:50 +08:00
Helen Chong	4c5abd1e80	Use hambutger menu text symbol for navigation roggle button	2024-06-06 21:07:22 +08:00
Helen Chong	4d1486a6d5	Adjust left-right padding of navbar links on mobile	2024-05-10 17:07:17 +08:00
Helen Chong	1597932099	Put navbar title in toggle button for mobile	2024-05-10 17:06:10 +08:00
Helen Chong	17a1153c3a	Style navigation bar toggle button focus outline	2024-04-29 18:23:26 +08:00
Helen Chong	73a0b332d3	Fix hidden overflowed focus outline on larger screens	2024-04-29 18:12:51 +08:00
Helen Chong	497b074594	Turn the nabigation menu into a hamburger menu on mobile	2024-04-29 18:01:46 +08:00
Helen Chong	e0e8f9acb5	Use position: sticky to make navbar sticky	2024-04-18 22:54:20 +08:00
Helen Chong	9d550cae71	Increase navbar sticky line	2024-04-18 22:26:11 +08:00
Helen Chong	2704f2e8b1	Use block and extends for navbar	2024-04-18 13:55:45 +08:00