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:
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user