Formato de renderização de links para arquivos PDF (locais)?

Suporte
1

Existe uma maneira fácil (por exemplo, via CSS) de alterar a forma como os links para arquivos PDF enviados por usuários são exibidos?

Aparentemente, a exibição direta de PDFs é suportada, mas não tenho certeza sob quais condições isso deve funcionar.

De qualquer forma, não pretendo reabrir a discussão sobre a exibição direta de PDFs, mas estou procurando alternativas viáveis para exibir os PDFs enviados de forma um pouco mais destacada. Aparentemente, houve uma discussão anterior sobre isso, mas ela foi excluída.

Um exemplo concreto de caso de uso são as postagens criadas com base em um e-mail encaminhado. Nesse caso, se o e-mail tiver um documento PDF em anexo, é fácil não percebê-lo, pois ele aparece como um simples link no final da postagem, ou seja, após a assinatura do e-mail encaminhado, se houver.

2

Até onde sei, o oneboxing só funcionará com PDFs vinculados externamente, não com os enviados.

Com CSS, você poderia fazer algo como

a.attachment[href$=".pdf"] {
    color: red;
    &:before {
      // O ícone de anexo é adicionado usando um seletor pseudo
     // então você precisaria editar seus estilos aqui
    }
}

Isso aplica estilos aos links com a classe attachment apenas se o href terminar em .pdf

3

E isso exclui links de PDF emcaixados (one-boxed), certo? Em outras palavras: o código CSS afeta apenas PDFs locais?

4

Correto, os oneboxes não possuem a classe attachment, então isso não deve afetá-los.

5

E agora há um componente de tema que também ajuda @tophee :wink: