Não, não diretamente. Você pode escolher categorias, mas apenas para restringir a seleção de tópicos. Eu não gostaria de adicionar mais lógica para habilitar essa opção.
Uma solução alternativa poderia ser marcar automaticamente todos os novos tópicos, usando um curinga:
Em nota geral: O componente é um fork do Featured Tiles Component oficial. Toda a ideia e motivação para mim foi ter um visual de cards com a funcionalidade que o componente oferece. Não acho que adicionarei mais recursos funcionais além do componente original. O motivo é que, em relação à manutenção do código, quero poder apenas seguir as correções de compatibilidade do componente oficial.
Caso alguém se interesse: Modificamos o componente de cards em destaque para permitir que os usuários rolem horizontalmente por todos os tópicos em destaque (fonte de tópicos usada: mais recentes).
Este é o CSS usado:
.featured-cards-container {
overflow-x: visible;
flex-wrap: nowrap;
justify-content:left;
-ms-overflow-style: none; /* Oculta a barra de rolagem para MS Edge */
scrollbar-width: none; /* Oculta a barra de rolagem para Mozilla Firefox */
scroll-snap-type: x mandatory;
scroll-padding: 8px;
}
.featured-card {
scroll-snap-align: start;
}
.featured-cards-container::-webkit-scrollbar {
display: none; /* Oculta a barra de rolagem em navegadores baseados em Webkit (Chrome, Safari, etc.) */
-webkit-overflow-scrolling: touch; /* Em telas sensíveis ao toque, o conteúdo continua rolando por um tempo após o término do gesto de rolagem */
}
a imagem mostrada é a Imagem da Categoria. Estou usando o Tema Air. Aplicação para mostrar tópicos em destaque relacionados a essa categoria de sua subcategoria Notícias da Fronteira.
Qual é o tamanho de imagem recomendado para a imagem do Card?
Como posso definir o número máximo de caracteres para o título? Estou exibindo um trecho no card e ele se estende para fora da caixa com o texto do título e do trecho.
Não há configuração para controlar o número máximo de caracteres do título. No entanto, você pode aumentar a configuração de altura dos cards para acomodar o conteúdo.
Se você não quiser ajustar toda vez, pode tentar este CSS em seu tema ou em um componente.
Ele remove o limite de altura do card e você tem as seguintes opções:
Obrigado, eu na verdade tinha a sua altura definida de 350 antes de postar, mas acabei de tentar o seu código e parece ajustar o tamanho do cartão apropriadamente para títulos com trechos.
.featured-cards-container {
overflow-x: visible;
flex-wrap: nowrap;
justify-content:left;
scroll-snap-type: x mandatory;
scroll-padding: 1.25rem;
/* Torna a barra de rolagem tangível, mas invisível */
scrollbar-width: auto;
scrollbar-color: transparent transparent;
/* Ou a exibe, mas fina */
// scrollbar-width: thin;
// scrollbar-color: #91919185 transparent;
/* Garante que a barra de rolagem fique logo abaixo do contêiner em vez de abaixo da altura máxima. */
padding-bottom: 1.5rem;
margin-bottom: 2rem;
}
Não tenho certeza se é uma boa ideia ocultar a barra de rolagem em um desktop; pode ser frustrante acessá-la.
Fina e visível (também tornando o fundo transparente) parece bom para mim. O que você acha?
A nova versão adota uma abordagem de design ligeiramente diferente, removendo opções de estilo selecionadas das configurações do tema. Em vez disso, ela fornece dois arranjos básicos de layout (Cards e List) e um template mais limpo para adicionar declarações de estilo personalizadas via CSS.
É um pouco fora do tópico, mas acho que é uma ótima abordagem. Tenho dificuldade em não fornecer um milhão de configurações em um componente para fins de personalização, quando você deveria simplificar as coisas para o usuário, mas ainda oferecer uma maneira de personalizar para uso/usuários avançados.