* feat(client): expose the language button to the navbar
* clean extra logic
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
* show the language menu
* set keyboard navigation logic
* change the language icon
* sort float values
* fix the test
* remove the menu roles from the languagelist
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* add id to button and polish the attributes
Co-authored-by: Co-authored-by: Bruce B <bbsmooth@gmail.com>
* revert to production focus events
Co-authored-by: Co-authored-by: Bruce B <bbsmooth@gmail.com>
* fix the menu not closing and fix the label
Co-authored-by: Co-authored-by: Bruce B <bbsmooth@gmail.com>
* make event passing more explicit
Co-authored-by: Co-authored-by: Bruce B <bbsmooth@gmail.com>
* Let screenreaders annouce that the expand is closed
Co-authored-by: Bruce Blaser <bbsmooth@gmail.com>
* let screenreader annouce list is closed
Co-authored-by: Bruce Blaser <bbsmooth@gmail.com>
* polish the logic around the styling
Co-authored-by: Bruce Blaser <bbsmooth@gmail.com>
* add comment about accessiblity function
* oh right active doesn't work like that
* hide the menu if the click is outside it
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* fix the contrast in the check mark
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* Stop the menu closing when clicking on the searchbar
Co-authored-by: Bruce Blaser <bbsmooth@gmail.com>
* make the list hover and focus consistent
Co-authored-by: Co-authored-by: Bruce B <bbsmooth@gmail.com>
---------
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* feat(client): hide the outline instead of removing it
* remove the old :focus outline values
Co-authored-by: Bruce B <bbsmooth@gmail.com>
---------
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* Create a focus indicator
* Use two different colors for the palletes.
* Use focus-visible instead.
* Remove redundant css
* Use blue-mid for the focus outline color.
* Add a global fallback.
* Clean up the rules some more.
* Remove some bootstrap styling.
* fix: display focus outline on all sides of lower jaw icon buttons
* fix: breadcrumb focus outlines
---------
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* feat(client): stop margin from pushing outline out of the container
* remove the parent because it was breaking the layout on mobile devices
* sort the mobile and laptop layout
* remove extra property
* Update client/src/components/Header/components/universal-nav.css
* center the logo and fix the extra pixel issue
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
* increase padding top
---------
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
* refactor(client): clean some mistype errors in the nav-links file
* fix showLanguage prop type in the other files
* add-ts-ignore-comment
* swap to map for easier maintainablity
* Change the eslint naming comment
* fix: using the wrong handlekeydown function
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* hide the menu when focus is on the userimage
* hide the menu only if camper didn't press shift key
---------
Co-authored-by: Bruce B <bbsmooth@gmail.com>
* fix: refactor the searchbar from flex to grid
* fix: refactor the way of displaying searchbar input outline
* chore: remove unnecessary border settings
* fix: follow the RTL support best practice
* fix: follow the RTL support best practice
* fix: remove unnecessary grid gap and refactor for RTL
* fix: refactor the padding setting with padding block
Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
* fix: refactor the padding setting with padding inline
Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
* fix: refactor the positioning of reset button in searchbar
Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
