Lars
db8af53652
Some checks failed
Deploy Development / deploy (push) Successful in 34s
Test Suite / pytest-backend (push) Successful in 6s
Test Suite / lint-backend (push) Successful in 0s
Test Suite / build-frontend (push) Successful in 6s
Test Suite / playwright-tests (push) Failing after 28s
- Replaced legacy .capture-shell with .app-subnav-shell and integrated PageSectionNav for a unified navigation experience across multiple pages. - Refactored AdminCatalogsPage, AdminMaturityModelsPage, ClubsPage, ExercisesListPage, MediaWikiImportPage, SkillsPage, and TrainingFrameworkProgramEditPage to utilize the new PageSectionNav component for tab navigation. - Enhanced CSS styles for better responsiveness and visual clarity in navigation elements. - Improved accessibility features with appropriate ARIA roles and attributes for better usability.
29 lines
678 B
JavaScript
29 lines
678 B
JavaScript
import PageSectionNav from './PageSectionNav'
|
|
|
|
/**
|
|
* Sub-Navigation mit Icon-Chips: gleiche Darstellung wie Stammdaten / Vereine (PageSectionNav).
|
|
* „Sub-Sub“ (z. B. Editor) bleibt in den jeweiligen Feature-Layouts.
|
|
*/
|
|
export default function AppSubnavShell({
|
|
ariaLabel,
|
|
items,
|
|
value,
|
|
onChange,
|
|
children,
|
|
iconSize = 18,
|
|
}) {
|
|
return (
|
|
<div className="app-subnav-shell">
|
|
<PageSectionNav
|
|
ariaLabel={ariaLabel}
|
|
value={value}
|
|
onChange={onChange}
|
|
items={items}
|
|
iconSize={iconSize}
|
|
className="page-section-nav--wrap"
|
|
/>
|
|
<div className="app-subnav-shell__main">{children}</div>
|
|
</div>
|
|
)
|
|
}
|