Olá Este componente de tema ativa avatares fixos para dispositivos móveis.
Reutilizei o recurso principal de avatares fixos para torná-lo utilizável em dispositivos móveis.
Toda a seção (avatar do tópico + metadados do tópico) fica fixa no topo. Se a altura da postagem for maior que a tela ou se rolar para cima em postagens longas. Removi o avatar fixo para postagens curtas ao rolar para cima, para que ele só ative em postagens longas em dispositivos móveis.
Desativei este recurso em mensagens pessoais com um CSS de substituição.
Como na seção fixa configurei uma cor de fundo var(--secondary), movi o destaque da postagem do tópico de .topic-post para .topic-post .contents, para que apenas a seção abaixo do avatar e dos metadados seja destacada.
Nesta postagem, apenas a seção de conteúdo é destacada.
Como eu poderia aplicar uma sombra projetada abaixo do quadro do avatar fixo?
(Algo como isto: box-shadow: 0 -10px 30px 8px #CCCCCC;)
Seria bom se houvesse um recurso no componente de tema onde uma sombra sutil pudesse ser adicionada, onde o administrador pudesse apenas inserir um #HEX e a propagação do desfoque ou algo assim. Mas provavelmente não vale o esforço da sua parte.
Por enquanto, qual seria o override de CSS adequado para segmentar/ativar uma sombra projetada?
Quando tentei segmentar topic-meta-data, ele colocava a sombra ao redor de todo aquele elemento, não apenas na parte inferior, e a sombra também não incluía o topic-avatar.
Além disso, estou recebendo uma mensagem de erro com este componente de tema (veja abaixo). Este componente não está mais sendo mantido?
[Aviso do Administrador] O tema ‘Sticky Avatars for Mobile’ contém código que precisa ser atualizado. (id: discourse.widgets-decommissioned) (saiba mais)