Muito obrigado.
Não sei o que é !important, mas funciona, os .. no final não parecem muito importantes ![]()
É assim que o CSS e os Scripts estão agora e obtemos o comportamento desejado: nenhuma das imagens do site pode ser baixada clicando com o botão direito sobre elas e os links de download na lightbox estão ocultos.
Obrigado pela sua orientação.
CSS
.image-source-link
{
display: none !important;
}
Scripts do cabeçalho:
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("img").on("contextmenu", function(e) {
e.preventDefault();
});
});
</script>
<script type="text/discourse-plugin" version="0.8">
api.onPageChange((url, title) => {
$("body").on("contextmenu", ".cooked img, .mfp-figure, .lightbox-wrapper", function(e) {
e.preventDefault();
});
});
</script>
O primeiro parece desativar o menu de contexto em outras imagens do site, como ícones ou miniaturas de avatar.
O segundo funciona para imagens em uma postagem e na lightbox.