Skip to content

Add box-shadow to sticky header#6896

Merged
bdukes merged 2 commits intodnnsoftware:developfrom
uzmannazari:patch-2
Apr 20, 2026
Merged

Add box-shadow to sticky header#6896
bdukes merged 2 commits intodnnsoftware:developfrom
uzmannazari:patch-2

Conversation

@uzmannazari
Copy link
Copy Markdown
Contributor

Fixes #6755

Summary

Header separation on scroll
Adds a subtle box-shadow to the header when scrolling to improve visual separation from the page content.
This prevents the header from visually blending into the content below while preserving the existing layout and behavior.

Copy link
Copy Markdown
Contributor

@valadas valadas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I will let others chime in. I for one find it a bit too strong or a shadow with this value:

Image

I prefer the more subtle value I had documented in the issue:

Image

Comment thread DNN Platform/Skins/Aperture/src/scss/sections/_header.scss Outdated
@mitchelsellers
Copy link
Copy Markdown
Contributor

@valadas Can you review my proposed update above?

@valadas
Copy link
Copy Markdown
Contributor

valadas commented Apr 19, 2026

Love it

@valadas valadas enabled auto-merge April 19, 2026 04:33
uzmannazari and others added 2 commits April 20, 2026 08:27
auto-merge was automatically disabled April 20, 2026 13:27

Head branch was pushed to by a user without write access

@bdukes bdukes enabled auto-merge April 20, 2026 13:27
@bdukes bdukes added this pull request to the merge queue Apr 20, 2026
Merged via the queue into dnnsoftware:develop with commit 26fd0e4 Apr 20, 2026
8 of 14 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]: Aperture > Add separator to header when content scrolled

4 participants