Commit Graph

17 Commits

Author SHA1 Message Date
Alexandre Alves faa7fe3b60
A11y report fixes (#14530)
* fix item 2: All page content should be contained by landmarks

* fix item 4. Elements must only use permitted ARIA attributes

* fix item 6. ARIA attributes must conform to valid values

* fix bug on item 6. and fix item 7. <ul> and <ol> must only directly contain <li>, <script> or <template> elements

* fix item 8. Interactive controls must not be nested

* fix item 10. ARIA toggle fields must have an accessible name

* fix item 11. autocomplete attribute must be used correctly

* fix item 12. Form elements must have labels

* fix item 14. ARIA input fields must have an accessible name

* fix item 15. Buttons must have discernible text

* fix item 16. Images must have alternative text

* working on item 17

* finish fix item 17. ARIA role should be appropriate for the element

* fix wrong role in hidden inputs

* address pr comments
2025-07-10 10:09:09 +01:00
Phillip Rak dc30093509
Replace container logs actions with new dropdown menu component (#14172)
* Create new `useDropdownItem` composable

This composable defines common methods that can be shared across different dropdown menu item types.

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Create new `RcDropdownMenuItemCheckbox` component

`RcDropdownMenuItemCheckbox` specifies the styles and behaviors for a menu items that acts as a checkbox.

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Create a select item dropdown component

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Move container actions into dedicated component

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Toggle container logs actions based on environment

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Fix type for labeledSelect component ref

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Replace trigger mixin data with event.stop

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

* Fix typo: LocaleSelector

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>

---------

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2025-05-06 10:50:09 -07:00
Phillip Rak 1259dd0282 Use the up key to select the last item
Because the locale selector is located at the bottom of the login page, it feels more natural to use the `up` key to select an item after opening the menu with the mouse. The default behavior when opening the menu with the keyboard will remain unchanged.

Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2025-03-21 09:30:02 -07:00
Phillip Rak 17b58542cb Replace custom locale chooser with dropdown
Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2025-03-21 09:30:00 -07:00
Alexandre Alves a3e4a80ef0
add missing lang HTML attribute to locale selector2 (#13817) 2025-03-21 09:20:20 +00:00
Alexandre Alves 51bdc529db
add key nav to sidenav (#13177) 2025-01-24 12:54:37 +00:00
Alexandre Alves 7632c5192b
fix keyboard nav on login screen (#12956)
* fix keyboard nav on login screen

* adjust for dark mode

* remove border radius from focus styles + dont open locale selector on focus

* add missing aria label

* minor fixes based on another PR comment

* remove tabbingindex from components + fix checkbox component disabled state

* remove tabbingindex from checkbox

* remove tabbingindex from LocaleSelector

* address pr comments
2025-01-06 19:03:04 +00:00
Mo Mesgin 682a09cae5 replace trigger with triggers 2024-09-11 10:56:45 -07:00
Mo Mesgin 296f1a4cc5 replace old names/props from v-tooltip with new ones from floating-vue 2024-09-10 14:48:52 -07:00
Alexandre Alves 60026587c3 fixing tooltips and metions of tooltips and dropdowns wherever I could find them 2024-08-30 15:49:34 +01:00
Phillip Rak 7874da578f Fix slot syntax
Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2024-08-22 16:09:54 -07:00
Phillip Rak 399696ae73 Upgrade `v-tooltip` to `floating-vue`
Signed-off-by: Phillip Rak <rak.phillip@gmail.com>
2024-08-22 16:05:37 -07:00
Cody Jackson 9b829c55ea Ran `yarn lint --fix` 2024-08-22 16:05:36 -07:00
Cody Jackson d5ce4fff2e Run the vue3 migration script
Commands run:

➤ yarn migrate
➤ git clean -fdx
➤ nvm use 20
➤ yarn
2024-08-22 16:05:36 -07:00
Giuseppe Leo d2d4122bc0
Review HTML formatting rules (#6805)
* Prevent ESLint to format generated paths

* Add HTML ESLint Rules

* Format all the Vue HTML templates except Harvester

* Exclude Harvester package from linting HTML, keeping old formatting rules
2022-11-11 17:04:22 +01:00
richa 6794bd7e97
Move locale user preferences (#6828)
* Created LocaleSelector component

* Updated backend on lacal changes

* Hide none option in language list

* Fixed hovered state and added down arrow to dropdown list

* Fixed preferences error on login screen

* Corrected order of check

* Added variable to stor value before login

* Fix locale saving when not logged in

* Removed commented code and add comments for variable

* Added local in user-preferences page

* Added loginc in commit for settign user Preference

* Changes local selector template as per the login and user preference page

* Removed extra class, fixed tags closing

Co-authored-by: Neil MacDougall <nmacdougall@suse.com>
2022-09-22 16:49:59 +02:00
richa 4134c1a9dd
Locale preference login page (#6597)
* Created LocaleSelector component

* Updated backend on lacal changes

* Hide none option in language list

* Fixed hovered state and added down arrow to dropdown list

* Fixed preferences error on login screen

* Corrected order of check

* Added variable to stor value before login

* Fix locale saving when not logged in

* Removed commented code and add comments for variable

* Added loginc in commit for settign user Preference

Co-authored-by: Neil MacDougall <nmacdougall@suse.com>
2022-09-07 18:01:09 +02:00