DeCentN2Madness/aia-website
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(portal): refine resource links, list markers and focus styling

Browse Source 
Remove forced link underlines and suppress bullets and numbering only on
staff lists whose items contain resource buttons. Keep the responsive
Management Templates grid while allowing its buttons to use their natural
size instead of stretching to fill each cell.

Remove the outline around the unlocked content container while preserving
programmatic focus and visible keyboard focus on inputs and resource links.
Update the presentation regression assertions for these styling choices.

Validation: Astro build (128 pages), link audit (zero broken links), and
10 focused service/portal tests pass.
This commit is contained in:
DeCentN2Madness committed 2026-11-01 14:45:13 -07:00
1 parent b0cf2d7119
commit 8dff6a5ad0
3 files changed
+36 -11
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

www/src/components/pages/EmployeePortal.astro
+16 -10
View File
@@ -31,9 +31,10 @@ const serialized = payload ? JSON.stringify(payload).replaceAll('<', '\\u003c')
.employee-portal { padding-block: 3rem; overflow-wrap: anywhere; }
.employee-portal__access { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; }
input { background: #fcf9f5; border: 1px solid #edeef3; border-radius: 4px; font: inherit; padding: .65rem; max-width: 100%; min-width: 0; }
input:focus-visible, .employee-portal__content:focus-visible { outline: 3px solid var(--color-focus, #115bbd); outline-offset: 3px; }
input:focus-visible { outline: 3px solid var(--color-focus, #115bbd); outline-offset: 3px; }
.employee-portal__content:focus { outline: none; }
[hidden] { display: none; }
.employee-portal__content :global(a) { color: var(--color-primary); text-decoration: underline; }
.employee-portal__content :global(a) { color: var(--color-primary); }
.employee-portal__content :global(a:focus-visible) { outline: 3px solid var(--color-focus, #115bbd); outline-offset: 3px; }
.employee-portal__content { line-height: 1.65; }
.employee-portal__content :global(:is(h1, h2, h3, h4, h5, h6)) {
@@ -63,14 +64,19 @@ const serialized = payload ? JSON.stringify(payload).replaceAll('<', '\\u003c')
min-width: 0;
}
.employee-portal__content :global(ul.portal-template-grid > li p) { margin: 0; }
.employee-portal__content :global(ul.portal-template-grid a.portal-resource-button) {
align-items: center;
box-sizing: border-box;
display: flex;
height: 100%;
min-height: 2.75rem;
overflow-wrap: anywhere;
width: 100%;
/* Staff resource-button lists do not display bullets or numbers. */
.employee-portal__content :global(.portal-resource-list) {
list-style: none;
padding-inline-start: 0;
}
.employee-portal__content :global(.portal-resource-list > li) {
list-style: none;
}
.employee-portal__content :global(.portal-resource-list > li::marker) {
content: none;
}
.employee-portal__content :global(:is(section, article) + :is(section, article)) { margin-block-start: 2.5rem; }