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

Is there an existing issue for this?

[x] I have searched the existing issues

Description of problem

Currently when scrolled you see this:

Which "hides the header in a way.

Description of solution

IMO adding a bit of a separation would be good:

Animated gif with and then without border:

Used as test: border-bottom: solid 1px #25678a;

Description of alternatives considered

No response

Anything else?

No response

Do you plan to contribute code for this enhancement?

[x] Yes

Would you be interested in sponsoring this enhancement?

[ ] Yes

Code of Conduct

[x] I agree to follow this project's Code of Conduct

Oct 03 '25 15:10 Timo-Breumelhof

@bdukes can you assign this to me please?

Oct 03 '25 15:10 Timo-Breumelhof

done

Oct 03 '25 15:10 bdukes

Just a note here @Timo-Breumelhof that it should use the css-variables (or a variation of) and not a hardcoded color.

Oct 03 '25 18:10 valadas

Just a note here @Timo-Breumelhof that it should use the css-variables (or a variation of) and not a hardcoded color.

Yes, this example was just directly added in Firefox to test

Oct 03 '25 19:10 Timo-Breumelhof

Can we use a shadow border instead? I am not a huge fan of the solid 1px border. Perhaps it could be similar to the shadow border that was added to the PersonaBar?

Oct 07 '25 03:10 david-poindexter

Yeah I agree, a subtle shadow would be nicer

Oct 07 '25 03:10 valadas

Can we use a shadow border instead? I am not a huge fan of the solid 1px border. Perhaps it could be similar to the shadow border that was added to the PersonaBar?

Because a border would interfere with the general styling, I made it very subtle in my example. With a light BG next to it you don't see it. You only see it when overlapping the Blue BG. A shadow would be always visible, and the Theme does not use any shadows elsewhere AFAIK, which is why I felt the (mostly invisible) border would be better?

Oct 07 '25 10:10 Timo-Breumelhof

Sorry to dissent, but I LIKE the way it is now. Its a very effective demonstration of a one-pager and using links with anchors and a bonus of a nice easing transition/animation when clicking the links to jump to the right section of the page.

Oct 07 '25 14:10 jeremy-farrance

Sorry to dissent, but I LIKE the way it is now. Its a very effective demonstration of a one-pager and using links with anchors and a bonus of a nice easing transition/animation when clicking the links to jump to the right section of the page.

Thanks @jeremy-farrance - those were precisely my thoughts when designing/coding it. I am not opposed to changing it but I feel a solid 1px border "cheapens" the design look and feel.

Oct 07 '25 14:10 david-poindexter

Sorry to dissent, but I LIKE the way it is now. Its a very effective demonstration of a one-pager and using links with anchors and a bonus of a nice easing transition/animation when clicking the links to jump to the right section of the page.

@jeremy-farrance I'm not sure I understand your reply related to the border I suggested (which you would only see when you scroll over a dark background). But it's not my design so I'll close the issue.