You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
New design: remove the line under the top bar and align page content with the burger menu #8102
Menuer: Fjern den lodrette tynde streg under burgermenuen (se rød markering). Placer sideindholdet på linje med burgermenu, så vi bruger pladsen bedst muligt (se blå markering). Dette skal være gældende for alle sider i systemet.
(Raised before and still open.)
Current behaviour ("eForm new design" theme, every full-layout page)
A 1px line runs across the full width under the top bar; with the side menu open, the drawer also has a 1px right border and a shadow.
Page content starts noticeably to the right of the burger icon, because it is inset twice (card margin + card padding).
Where it comes from
eform-client/src/scss/components/_workspace-patterns.scss, "1. Top app bar": mat-toolbar.nav-header { … border-bottom: 1px solid var(--md-surface-variant); … padding: var(--spacing-md) var(--spacing-2xl); } (--spacing-2xl = 20px; the mat-icon-button in full-layout.component.html adds a 12px inset before the glyph).
eform-client/src/scss/themes/_workspace.scss: content-card-margin: 16px, used by .content-card { margin: var(--content-card-margin) } in full-layout.component.scss.
Remove the nav-headerborder-bottom (decide with the designer whether the drawer border/shadow goes too).
Align the content's left edge with the burger glyph: horizontal card margin 0 and card padding-left = toolbar padding + icon-button inset (20px + 12px), as one token so they can't drift; keep full-bleed views at 0.
Check pages whose routed root adds its own padding (list next to section 3d).
Tests
Playwright (new-design theme): on the compliance report page and one plugin page, nav-headerborder-bottom-width is 0, and the left x of the first sub-header/filter element equals the burger mat-icon left x (±1px).
Decision: apply to both themes (new design and Classic). Remove the line under the top bar and align the page content's left edge with the burger glyph on every full-layout page. The side drawer's border is not part of the request and stays.
Verified on a staging installation with #8116 deployed: plugin pages (items-planning Plannings, backend-configuration Properties) have no line under the top bar, the content starts at the top, and the page gutter lines up with the burger — checked in both the Workspace and the Classic theme.
Activity
renemadsen commentedon Oct 3, 2026
Decision: apply to both themes (new design and Classic). Remove the line under the top bar and align the page content's left edge with the burger glyph on every full-layout page. The side drawer's border is not part of the request and stays.
Merge pull request #8109 from microting/fix/8102-top-bar-line-content…
fix(theme): flatten only a page-root mat-card that is the routed page…
Merge pull request #8116 from microting/fix/8102-plugin-page-gutters
renemadsen commentedon Oct 7, 2026
Verified on a staging installation with #8116 deployed: plugin pages (items-planning Plannings, backend-configuration Properties) have no line under the top bar, the content starts at the top, and the page gutter lines up with the burger — checked in both the Workspace and the Classic theme.