Tab order is not intuitive on admin splash pages

[Jane Sandberg]

Expected behavior:

When I go to Admin > Local Administration, I can use the Tab key to navigate the links in alphabetical order.

Actual behavior:
The tab order is:
* Address Alerts
* Field Documentation
* Search Filter Groups
* Age Overdue Circulations to Lost, etc.

This means that you cannot quickly tab between, say, all the settings that begin with "MARC", "Circulation", or "Shelving Location".

This also affects booking, acquisitions, and server admin screens.

[Stephanie Leary (stephanieleary)]

Since CSS columns are widely supported now, we could do away with the row/column logic in staff/share/link-table/link-table.component.ts and simply make this an unordered list with style="columns: {{columnCount}} auto"

That would remove the bottom border on the rows, but that's so faint that I can barely tell it's there.

[Stephanie Leary (stephanieleary)]

Branch: https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/sleary/lp-2015137-link-table-taborder

Note that the rows no longer have borders.

To test, make sure keyboard navigation is enabled in your browser and visit any of the Angular settings screens: Administration > Server Administration (or Local, Acquisitions, or Booking).

Focus somewhere near the page title and press Tab repeatedly. The links should be highlighted in alphabetical order, down the columns.

[Galen Charlton (gmc)]

Works for me. Signoff branch is user/gmcharlt/lp2015137_signoff

[Jane Sandberg (sandbergja)]

Great patch! Thanks, Stephanie and Galen. Pushed to rel_3_9 and above.