fix(ui): align contextual documentation with headings

Verified with the coordinated workspace changes by devkit full run
2026-09-08T225814-186389-0000-3e3ed7cd (all seven phases passed).
This shared UI pass does not mark the individual module reviews complete.
This commit is contained in:
2026-09-09 02:03:12 +02:00
parent 8e36f8b3d2
commit dde8c50e55
8 changed files with 26 additions and 22 deletions
@@ -352,6 +352,7 @@ export function CalendarCollectionDialog({
<Dialog
open
title={isEdit ? "i18n:govoplan-calendar.edit_calendar.a47a2a7a" : "i18n:govoplan-calendar.add_calendar.8fadb5bc"}
titleHelp={<DocumentationHelpLink reference={CALENDAR_SOURCE_DOCUMENTATION} />}
size="large"
footerClassName="calendar-event-dialog-footer"
closeDisabled={saving}
@@ -373,9 +374,6 @@ export function CalendarCollectionDialog({
}>
<DialogForm id={formId} className="calendar-dialog-form" onSubmit={submit}>
<div className="calendar-dialog-documentation">
<DocumentationHelpLink reference={CALENDAR_SOURCE_DOCUMENTATION} />
</div>
{migrationLocked && (
<ActionBlockerHint
reason={{
@@ -675,6 +673,7 @@ export function CalendarCollectionDeleteDialog({
open
role="alertdialog"
title={`${actionLabel} calendar`}
titleHelp={<DocumentationHelpLink reference={CALENDAR_SOURCE_DOCUMENTATION} />}
className="calendar-delete-dialog"
footerClassName="calendar-event-dialog-footer"
closeDisabled={saving}
@@ -689,9 +688,6 @@ export function CalendarCollectionDeleteDialog({
}>
<div className="calendar-delete-dialog-body">
<div className="calendar-dialog-documentation">
<DocumentationHelpLink reference={CALENDAR_SOURCE_DOCUMENTATION} />
</div>
<p className="calendar-delete-warning">
{loadingEventCount ?
"i18n:govoplan-calendar.loading_event_count.716ad3c2" :
@@ -281,6 +281,7 @@ export function CalendarEventDialog({
<Dialog
open
title={event ? "i18n:govoplan-calendar.edit_event.a7028454" : "i18n:govoplan-calendar.new_event.2ef3795c"}
titleHelp={<DocumentationHelpLink reference={CALENDAR_DOCUMENTATION} />}
className="calendar-vevent-dialog"
footerClassName="calendar-event-dialog-footer"
closeDisabled={saving}
@@ -302,9 +303,6 @@ export function CalendarEventDialog({
}>
<DialogForm id={formId} className="calendar-dialog-form" onSubmit={submit}>
<div className="calendar-dialog-documentation">
<DocumentationHelpLink reference={CALENDAR_DOCUMENTATION} />
</div>
{!canWrite && (
<ActionBlockerHint
tone="info"
@@ -97,6 +97,7 @@ export function CalendarMigrationDialog({
<Dialog
open
title="Remote calendar move"
titleHelp={<DocumentationHelpLink reference={CALENDAR_SOURCE_DOCUMENTATION} />}
className="calendar-migration-dialog"
closeDisabled={working}
onClose={onClose}
@@ -113,7 +114,6 @@ export function CalendarMigrationDialog({
<LoadingFrame loading label="Loading remote move"><div /></LoadingFrame>
) : (
<div className="calendar-migration-body">
<DocumentationHelpLink reference={CALENDAR_SOURCE_DOCUMENTATION} />
{error && (
<DismissibleAlert tone="danger" resetKey={error}>
{error}
@@ -95,6 +95,7 @@ export function CalendarOutboxDialog({
<Dialog
open
title="i18n:govoplan-calendar.outbound_changes.7038a839"
titleHelp={<DocumentationHelpLink reference={CALENDAR_RECOVERY_DOCUMENTATION} />}
className="calendar-outbox-dialog"
closeDisabled={Boolean(busyOperationId)}
onClose={onClose}
@@ -111,7 +112,6 @@ export function CalendarOutboxDialog({
>
<div className="calendar-outbox-body">
<p className="calendar-outbox-calendar-name">{calendar.name}</p>
<DocumentationHelpLink reference={CALENDAR_RECOVERY_DOCUMENTATION} />
{error && <DismissibleAlert tone="danger" resetKey={error}>{error}</DismissibleAlert>}
<ActionToolbar justify="between" className="calendar-outbox-toolbar">
<SegmentedControl<OutboxFilter>
+2 -2
View File
@@ -13,6 +13,7 @@ import { ToolbarGroup, ActionToolbar,
Button,
DismissibleAlert,
DocumentationHelpLink,
TextWithHelp,
LoadingFrame,
SegmentedControl,
TableActionGroup,
@@ -799,7 +800,7 @@ export default function CalendarPage({ settings, auth }: {settings: ApiSettings;
<LoadingFrame loading={loading} label="i18n:govoplan-calendar.loading_calendar.7eb8f548" className="calendar-loading-frame">
<div className="calendar-shell">
<aside className="calendar-sidebar">
<div className="calendar-sidebar-heading">i18n:govoplan-calendar.calendars.94445018</div>
<TextWithHelp as="div" className="calendar-sidebar-heading" help={<DocumentationHelpLink reference={CALENDAR_DOCUMENTATION} />}>i18n:govoplan-calendar.calendars.94445018</TextWithHelp>
<div className="calendar-list">
{calendars.map((calendar) => {
const source = syncSourceByCalendarId.get(calendar.id) ?? null;
@@ -930,7 +931,6 @@ export default function CalendarPage({ settings, auth }: {settings: ApiSettings;
</ToolbarGroup>
<ToolbarGroup align="end" className="calendar-toolbar-right">
<DocumentationHelpLink reference={CALENDAR_DOCUMENTATION} />
<AdminIconButton
label="i18n:govoplan-calendar.refresh.56e3badc"
icon={<RefreshCw size={18} />}
@@ -125,10 +125,7 @@ export default function CalendarSettingsPanel({
return (
<ContentGrid columns={2} collapseAt="workspace" className="calendar-settings-panel">
<div className="calendar-settings-documentation">
<DocumentationHelpLink reference={CALENDAR_DOCUMENTATION} />
</div>
<Card title="Calendar display">
<Card title="Calendar display" titleHelp={<DocumentationHelpLink reference={CALENDAR_DOCUMENTATION} />}>
<FormGrid columns={1} collapseAt="standard" className="">
<ToggleSwitch
label="Dim weekends"