* 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>
* refactor(client): move the variables from style element to header property
* sort the test and fix wrong value
* remove the fallbacks
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
---------
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.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>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Sboonny <muhammedelruby@gmail.com>
Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
* 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>
* feat: visualize search bar inputs clear button
* chore: remove redundant empty lines
* fix: make search bar input horizontally responsive
* fix: make search bar input width follow suggestion items
* fix: moving clear button to right of the searchbar
* feat: add search bar clear button in LP
* fix: add a bigger spacing between the icons and the text
* fix: make the clear button show visible focus indicator
* chore: refactor the css code to avoid redundancy
* fix: make the buttons in search bar accessible for screen reader
* fix: make the buttons and input in search bar more accessible
* add the previous layout
* add the import logic
Co-authored-by: Nestor <elnestinatorHD@gmail.com>
* WIP: RTL layout
* WIP: code snippet
* WIP: RTL layout
* WIP: RTL layout
* WIP: add selector that don't work
* WIP: fix code in tables direction
* change the dynamic import to static import
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
* remove redundant imports
* fix the broken splitter and broken code element
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
* revert the wrapper editor layout
* WIP: Timeline RTL layout
* add row reverse to account for splitter direction reverse
* Revert "add row reverse to account for splitter direction reverse"
This reverts commit f67ad002c8.
* add row reverse to account for splitter direction reverse
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
* mirrior the nav bar by placing the logo in the right
* Use notosans as RTL font family
* Remove Arabic from the hiddenLangs
* fix(feedbac): the search and table alignment
Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>
* fix(feedback): text alignment, icons rotation
Co-authered-by: moT01 <20648924+moT01@users.noreply.github.com>
* Revert "fix(feedback): text alignment, icons rotation"
This reverts commit 0c6dc4f909.
* fix(feedback): text-alignment, and icon rotation
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
Co-authored-by: Nestor <elnestinatorHD@gmail.com>
Co-authored-by: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Co-authored-by: Zaira <33151350+zairahira@users.noreply.github.com>
Co-authored-by: moT01 <20648924+moT01@users.noreply.github.com>
* feat(client): refactor searchbar by removing float values
* polish the style by adding border radius and removing padding
* Polish the style and account for donation text
* WIP: remove float values
* Revert "WIP: remove float values"
This reverts commit c1c32aa9d1.
* adjust magic numbers
* Adjust spacing to account and add position absolute
* revert the deletion of ais hits values
* move the padding value to searchbar file
* Remove RTL Values
* feat: allow for hint expansions
* Remove the left value on submit icon
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
* add display none and remove their values
Co-authored-by: ahmad abdolsaheb <ahmad.abdolsaheb@gmail.com>
