Skip to content

Modernize UI: vertical card menus, dual-panel multi-select widgets, a…#457

Open
nykroy wants to merge 1 commit intotecnickcom:mainfrom
nykroy:feature/modern-ui-menus-and-selects
Open

Modernize UI: vertical card menus, dual-panel multi-select widgets, a…#457
nykroy wants to merge 1 commit intotecnickcom:mainfrom
nykroy:feature/modern-ui-menus-and-selects

Conversation

@nykroy
Copy link

@nykroy nykroy commented Mar 5, 2026

…nd CSS improvements

  • Replace plain

      menus with modern vertical card menus using emoji icons in admin (tce_menu_users.php, tce_menu_modules.php, tce_menu_tests.php) and public (tce_page_user.php)

    • Replace with interactive dual-panel multi-select widgets with search, click-to-toggle items, and add/remove all buttons in tce_edit_test.php (groups + SSL certs) and tce_edit_user.php (groups) Fix a.white links: increase padding from 5px to 12px with hover effect for better usability Improve div.minibutton: use flexbox for proper centering and hover transitions Add .vmenu and .ms-widget CSS styles to both admin and public stylesheets

…nd CSS improvements

- Replace plain <ul> menus with modern vertical card menus using emoji icons in admin (tce_menu_users.php, tce_menu_modules.php, tce_menu_tests.php) and public (tce_page_user.php)

- Replace <select multiple> with interactive dual-panel multi-select widgets with search, click-to-toggle items, and add/remove all buttons in tce_edit_test.php (groups + SSL certs) and tce_edit_user.php (groups)

- Fix a.white links: increase padding from 5px to 12px with hover effect for better usability

- Improve div.minibutton: use flexbox for proper centering and hover transitions

- Add .vmenu and .ms-widget CSS styles to both admin and public stylesheets
@nykroy nykroy requested a review from nicolaasuni as a code owner March 5, 2026 17:14
@nykroy
Copy link
Author

nykroy commented Mar 5, 2026

image image image image

@nicolaasuni
Copy link
Member

The current TCExam style was designed with compliance for W3C-WAI-WCAG 1.0 Accessibility and Usability guidelines.
There are still multiple institutions that rely on this features.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants