移动端粘性头像

[Don]

• Describe this theme/component in one or two sentences

  Hello This theme component is activate sticky avatars for mobile.

• Add screenshots (if applicable)

• Add more details and explain the settings (if applicable)

  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.
  

  

• add the preview and repository links

  |||
  |-|-|-|
  | |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)]

干得好，@Don！

我该如何为粘性头像框下方添加投影？
（类似于这样： box-shadow: 0 -10px 30px 8px #CCCCCC;）

如果主题组件有一个功能，允许管理员输入一个十六进制颜色代码（#HEX）和模糊散开值等来添加微妙的投影，那就太棒了。但这可能不值得您费心。

目前，要启用投影，正确的 CSS 目标是什么？

当我尝试定位 topic-meta-data 时，它会将阴影放在整个元素周围，而不仅仅是底部，并且阴影也没有包含 topic-avatar。

非常感谢您的任何建议！

[jord8on (Jordan)]

另外，我的这个主题组件也收到了错误信息（见下文）。这个组件是否已不再维护？

[管理通知] 主题“移动端粘性头像”包含需要更新的代码。（id: discourse.widgets-decommissioned）（了解更多）