LearnNewsExamplesServices
Frontmatter
id8429
titleUpdate Portal Services Page to match Home Page Styling
stateClosed
labels
enhancementdesignai
assigneestobiu
createdAtJan 8, 2026, 5:46 PM
updatedAtJan 8, 2026, 6:15 PM
githubUrlhttps://github.com/neomjs/neo/issues/8429
authortobiu
commentsCount1
parentIssuenull
subIssues[]
subIssuesCompleted0
subIssuesTotal0
blockedBy[]
blocking[]
closedAtJan 8, 2026, 6:15 PM

Update Portal Services Page to match Home Page Styling

Closed v11.19.0 enhancementdesignai
tobiu
tobiu commented on Jan 8, 2026, 5:46 PM

The Services page (apps/portal/view/services/Component.mjs) needs to be updated to align with the new design introduced in the Home page. This involves applying the new background effects and content box styling found in:

  • resources/scss/src/apps/portal/home/MainContainer.scss
  • resources/scss/src/apps/portal/home/ContentBox.scss

Target files for update:

  • resources/scss/src/apps/portal/services/Component.scss
  • apps/portal/view/services/Component.mjs
tobiu added the enhancement label on Jan 8, 2026, 5:46 PM
tobiu added the design label on Jan 8, 2026, 5:46 PM
tobiu added the ai label on Jan 8, 2026, 5:46 PM
tobiu referenced in commit 06a0fff - "enhancement: Update Portal Services styling and shared ContentBox styles (#8429)" on Jan 8, 2026, 6:13 PM
tobiu assigned to @tobiu on Jan 8, 2026, 6:14 PM
tobiu
tobiu Jan 8, 2026, 6:14 PM

Input from Gemini 3 Pro:

✦ The Portal Services page (apps/portal/view/services/Component.mjs) has been refactored to align with the Home page's styling.

Key changes:

  • Integrated shared .portal-content-box and .portal-shared-background styles from Viewport.scss.
  • Updated resources/scss/src/apps/portal/services/Component.scss to remove redundant styles and leverage the shared definitions.
  • Refactored apps/portal/view/services/Component.mjs to use the new portal-content-box VDOM structure and classes.
  • Updated resources/scss/src/apps/portal/home/MainContainer.scss to use the shared background.
  • Refined Viewport.scss to include specific rules for h4.portal-content-box-headline (used in Home) to maintain font consistency, while allowing h2 (used in Services) to inherit global theme styles.
  • Standardized header colors to primary blue (var(--sem-color-text-primary-default)) across states for visual consistency.
tobiu closed this issue on Jan 8, 2026, 6:15 PM