Feedback sobre o componente de tema "Modo Leitor"

Sim, essas são ótimas sugestões. Não tenho certeza de como eu conseguiria isso apenas com um componente de tema, mas é legal pensar nisso.

Além disso, hoje adicionei uma atualização ao componente que adiciona algumas configurações de legibilidade.

No entanto, um problema que encontrei é que ele está interagindo mal com nosso componente DiscoTOC instalado aqui no meta. Tenho algumas ideias de como consertar isso e tentarei resolver esta semana.

3 curtidas

Componente muito bom. Duas sugestões:

  • Acho que Palatino é uma boa adição para o Modo Leitor.
  • A altura da linha seria um controle deslizante útil para adicionar.
2 curtidas

Legal!
Parece que é assim se você não for um admin/mod.
Você acha que seria possível manter os ícones no mesmo lugar sem movê-los? :thinking:

2 curtidas

Obrigado, isso na verdade é apenas devido ao componente de tema discoTOC que temos instalado aqui no dev. Trabalharei esta semana para fazer com que os dois componentes funcionem bem juntos.

2 curtidas

Seria ótimo se pudéssemos “armazenar” minhas configurações do modo leitor para que elas persistam em todos os tópicos. De um ponto de vista técnico, existem muitas maneiras de fazer isso.

2 curtidas

Gostaria de saber como podemos melhorar a cintilação/atualização/fantasma quando a configuração é usada:

1 curtida

Ótima ideia!

Nossa, isso é muito instável! Qual navegador você está usando? Não estou vendo isso no Chrome.

Chrome 124.0.6367.61, Windows 11 :smile:
Eu tentei sem nenhuma extensão e o resultado é o mesmo.

Acho que é porque o posicionamento (top) está sendo constantemente atualizado quando não deveria (o valor de top parece ser influenciado pelo tamanho da fonte, o painel deveria ser estático aqui :thinking: )

No Firefox, acontece o mesmo, no entanto, às vezes (ainda não consegui descobrir de forma confiável), o posicionamento não é atualizado e fica suave:

Tentarei dar um feedback melhor mais tarde.

1 curtida

Não tenho certeza se isso vai ajudar, mas sua postagem me deu uma ideia.

Para o controle deslizante de largura, o incremento do passo era super pequeno, definido em 1px, e parecia suave.

O passo da fonte era muito grande, no entanto, e eu o diminuí tremendamente. Portanto, as alterações no tamanho da fonte devem parecer um pouco mais suaves agora, pelo menos em termos de aumento e diminuição real do tamanho do texto.

O posicionamento superior do menu de configurações que você quer dizer?

1 curtida

Sim, o painel de configurações. Parece ser relativo à saída principal, vendo o número grande.

Eu me pergunto se o painel de configurações poderia ser relativo aos controles da linha do tempo. Não tenho certeza se isso é viável, no entanto.

Por exemplo, se eu mover o painel para lá, você pode ver que o posicionamento não muda porque, em relação à linha do tempo, ele não se move. Você entende o que quero dizer?

Tecnicamente é, mas estou usando um componente integrado do Discourse DMenu. Talvez eu tenha que pedir a opinião do proprietário sobre o que está acontecendo lá.

1 curtida
EDIT: Nah, má ideia, não sigam isso, por favor.

Você está certo!

Acho que há uma maneira de dizer ao DMenu em qual contêiner você quer inserir seu código, usando this.menu.registerPortalOutletElement.

Eu fiz um teste criando um contêiner em .timeline-controls e depois passando esse elemento contêiner para registerPortalOutletElement, e funcionou para mim. Não sei se é a melhor maneira, mas fez o trabalho. :thinking:

Veja abaixo

Obrigado Joffrey!

1 curtida

Se não me engano, isso foi projetado para ser usado apenas uma vez, quando o aplicativo inicia. Chamá-lo mais tarde moverá todas as invocações futuras do DMenu para esse elemento, então isso quebrará um monte de outras coisas :sweat_smile:

2 curtidas

OH. :sweat_smile: Culpa minha. Pensei que era definido sempre que o componente era inserido; cheguei até a testar antes de postar. Provavelmente me confundi com o menu inline, então. Nunca leia código quando estiver cansado, ahah.

EDIT: Acabei de verificar novamente, e sim, é definido uma vez. Tive sorte de não ter quebrado nada. :smile:

2 curtidas

Obrigado por este componente, estou realmente gostando de usá-lo! Eu adoraria ver:

  1. Opções de cores nas opções do modo de leitura. Pessoalmente, gosto de manter o Meta em modo claro, mas seria bom se eu pudesse mudar para um esquema de cores escuro/sépia enquanto estiver no modo de leitura.

    Semelhante ao modo de leitura do Safari:

  2. Eu adoraria se clicar fora do tópico cancelasse o modo de leitura em vez de precisar pressionar o botão novamente.

  3. Seria bom se as configurações do modo de leitura persistissem em todos os tópicos, bem como se houvesse um botão :arrows_counterclockwise: Redefinir para retornar às configurações padrão.

  4. Seria bom se os avatares também tivessem opacidade reduzida. Parece que eles são mais enfatizados no modo de leitura porque estão em cores completas.

4 curtidas

@Arkshine nosso Joffrey atualizou o core. Agora você pode usar @inline={{true}} em \u003cDMenu\u003e para renderizar o pop up inline dentro do container.
A atualização já está ativa aqui no meta.

3 curtidas

Isso é ótimo, na verdade é a UI que eu gostaria de alcançar eventualmente. Eu me atenho aos padrões simples do navegador por enquanto em termos de tamanho da fonte, seleção e largura do conteúdo.

Eu também gosto muito da UI do The Arc Browser para o recurso de boosts deles.

Embora eu evite permitir que wingdings seja uma família de fontes que você pode usar no modo de leitura :stuck_out_tongue_winking_eye:

2 curtidas

Incrível! :tada:

Não há mais travamentos da minha parte. Tudo certo! Obrigado a vocês dois :+1:

3 curtidas

Eu adoro isso e espero que a maioria dos nossos usuários também adore. Infelizmente, a incompatibilidade na opacidade destacada por Keegan é também o que me impede de adicioná-la à nossa instância:

Na verdade, eu prefiro na outra direção, onde o perfil do usuário e o flair permanecem em cores completas, no entanto, concordo que o problema real é a incompatibilidade entre a opacidade dos flairs e as fotos de perfil.
Os outros três pontos de Keegan resumem elegantemente tudo o mais que eu estava pensando.
Mal posso esperar para ver mais desenvolvimento nisso :star_struck:


Editar:
Comentário de um colega:

Eu gosto! Tanto que eu estaria até interessado em poder escolher que tê-lo ativo seja o padrão"

4 curtidas

Atualizei isso hoje. :smile: Obrigado pelas palavras gentis, fico feliz que você esteja achando útil.

1 curtida