דמויות דביקות למובייל

[Don]

Hello This theme component is activate sticky avatars for mobile.

I reused the core sticky avatars feature to make it useable on mobile.
The whole section (topic avatar + topic meta data) is sticky to top. If the post height is out of screen long or if scrolling up on long posts. I removed the sticky avatar for short posts when scrolling up so it will only activate on long posts on mobile.

I disabled this feature on personal messages with some css overwrite.

Because on the sticky section I set up a background color var(--secondary), I moved the topic post highlight from .topic-post to .topic-post .contents so only the section below avatar and meta data will highlighted.

On this post only the contents section is highlighted.

	Repository	GitHub - VaperinaDEV/discourse-mobile-sticky-avatars: Sticky Avatars for Mobile
	Install Guide	How to install a theme or theme component
	New to Discourse Themes?	Beginner’s guide to using Discourse Themes

[jord8on (Jordan)]

Great work on this @Don!

How could I apply a drop shadow beneath the sticky avatar frame?
(Something like this: box-shadow: 0 -10px 30px 8px #CCCCCC;)

It would be could if there was a feature to the theme component where a subtle dropshadow could be added, where the admin could just enter a #HEX and blur spread or something. But probably not worth the lift on your end.

For now, what would be the proper CSS to target to enable a dropshadow?

When I tried to target topic-meta-data it would put the shadow around that entire element, not just the bottom, and the shadow did not also include the topic-avatar.

Any advice would be so much appreciated!