Lista de tópicos MD Componente móvel

Eu enviei uma correção

3 curtidas

O 2º com o avatar à direita, por favor :pray:

Fico feliz que o componente tenha sido atualizado, estou usando-o em todas as minhas instâncias.

1 curtida

A alternativa parece boa. Substituir o avatar pelo selo é estranho, para ser honesto. Eu pessoalmente reduziria o tamanho do selo, mas sim, parece bom para mim.

2 curtidas

Eu gosto dessa alternativa.

2 curtidas

Ok, atualizei o componente para tentar isso. Me avise se tiver algum problema

Obrigado novamente @Arkshine, sem o seu trabalho eu teria desistido

2 curtidas

Você acha que é necessário exibir o número de visualizações e curtidas abaixo do título também?
Porque na versão antiga, eles eram exibidos.

Eu acho que não foi, minha suposição é que você o adicionou diretamente no componente usando o plugin outlet

Eu não tenho o código agora, mas se você realmente precisar, posso ajudar

O código base deve ser algo assim

<script type='text/x-handlebars' data-template-name='/connectors/topic-list-after-category/viewsandlikes'>
  <span class='topic-views'>{{d-icon "eye"}} **code**</span>
  <span class='topic-likes'>{{d-icon "heart"}} **code**</span>
</script>
1 curtida

Ah, sério? Não me lembro se fiz alguma alteração também.
Talvez minha memória esteja me pregando peças.
Mas obrigado pela ajuda, vou mudar o código do meu lado :sweat_smile:

1 curtida

A propósito, parece que o link de visualização não funciona.

2 curtidas

Consertei, obrigado

Eu limpei minha página de criador de temas, mas esqueci de compartilhar esses componentes novamente

3 curtidas

Olá Steven,

Quando um novo artigo é publicado, dois selos aparecem após o título do artigo. Isso está configurado intencionalmente?

Adicionei um trecho de código JS para remover um deles, mas ele não parece funcionar de forma consistente, especialmente ao usar navegadores diferentes.

Você tem alguma outra sugestão boa?

document.addEventListener("DOMContentLoaded", function () {
  const badges = document.querySelectorAll(".topic-post-badges .badge-notification.new-topic");
  if (badges.length > 1) {
    // Remove o segundo badge
    badges[1].remove();
  }
});

1 curtida

Acho que consegui, enviei uma correção, tente atualizar e me diga se está bom agora.

1 curtida

Após a atualização, funciona muito bem. Obrigado :smiley:

2 curtidas

O indicador online está fora do lugar :slight_smile:


Veja na primeira linha

1 curtida

É complicado, pois o plugin whos online anexa este indicador ao lado esquerdo (que desativamos) e o avatar está centralizado verticalmente.

Consigo chegar mais perto com estas modificações (coloque isto numa folha de estilos CSS para telemóvel), mas está longe de ser perfeito.

.pull-left {
  float: right;
}

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  top: -15px;
  left: unset;
  right: -50px;
}

A solução mais fácil seria desativar este indicador no telemóvel e apenas na lista de tópicos.

html.whos-online-flair.mobile-view .topic-list-item.last-poster-online div.pull-left::before {
  display: none;
}
2 curtidas

Oi Max. Quero mostrar algumas coisas sob o título também, como o número de curtidas e visualizações. Como você fez isso?

Pequena atualização no componente, dentro de uma categoria, a lista de tópicos estava bastante vazia. Adicionei algumas informações com o autor e o número de posts.

Antes

Depois

1 curtida

Parece bom. Ajustei algumas cores para evitar que ficassem muito chamativas.

body.category .category-author-comments {
    color: var(--primary-medium) !important;
}
body.category .category-author-comments a {
    color: var(--primary-medium) !important;
}