Retour d'information sur le composant thème "Mode Lecteur"

Oui, ce sont d’excellentes suggestions. Je ne suis pas sûr de la manière dont j’y parviendrais uniquement via un composant de thème, mais c’est intéressant d’y réfléchir.

Aujourd’hui, j’ai également ajouté une mise à jour au composant qui ajoute certains paramètres de lisibilité.

Cependant, j’ai trouvé un problème : il interagit mal avec notre composant DiscoTOC installé ici sur meta. J’ai quelques idées sur la façon de le résoudre et j’essaierai de m’y atteler cette semaine.

3 « J'aime »

Très beau composant. Deux suggestions :

  • Je pense que Palatino serait un bon ajout pour le mode Lecteur.
  • La hauteur de ligne serait un curseur utile à ajouter.
2 « J'aime »

Bien !

Il semble que ce soit le cas si vous n’êtes pas un administrateur/modérateur.
Pensez-vous qu’il serait possible de garder les icônes au même endroit sans les déplacer ? :thinking:

2 « J'aime »

Merci, c’est en fait juste à cause du composant de thème discoTOC que nous avons installé ici sur dev. Je travaillerai cette semaine pour que les deux composants s’entendent bien.

2 « J'aime »

Ce serait génial si nous pouvions « stocker » mes paramètres de mode lecture afin qu’ils persistent sur différents sujets. D’un point de vue technique, il existe de nombreuses façons de procéder.

2 « J'aime »

Je me demande comment nous pourrions améliorer le scintillement/rafraîchissement/fantôme lorsque le paramètre est utilisé :

1 « J'aime »

Excellente idée !

Ouf, c’est beaucoup de tremblement ! Quel navigateur utilisez-vous ? Je ne vois pas cela dans Chrome.

Chrome 124.0.6367.61, Windows 11 :smile:
J’ai essayé sans aucune extension et c’est la même chose.

Je pense que c’est parce que le positionnement (top) est constamment mis à jour alors qu’il ne devrait pas l’être (la valeur top semble être influencée par la taille de la police, le panneau devrait être statique ici :thinking: )

Sur Firefox, cela fait la même chose, cependant, parfois (je n’ai pas encore réussi à le déterminer de manière fiable), le positionnement ne se met pas à jour, puis c’est fluide :

Je donnerai de meilleurs retours plus tard.

1 « J'aime »

Je ne suis pas tout à fait sûr si cela aidera, mais votre publication m’a donné une idée.

Pour le curseur de largeur, l’incrément était super petit, réglé à 1px, et cela semblait fluide.

Cependant, le pas de la police était trop grand, et je l’ai considérablement diminué. Les changements de taille de police devraient donc être un peu plus fluides maintenant, du moins en termes d’augmentation et de diminution réelles de la taille du texte.

Le positionnement supérieur du menu des paramètres, vous voulez dire ?

1 « J'aime »

Oui, le panneau des paramètres. Il semble être relatif à la sortie principale, vu le grand nombre.

Je me demande si le panneau des paramètres pourrait être relatif aux contrôles de la chronologie. Je ne suis pas sûr que ce soit faisable, cependant.

Par exemple, si je déplace le panneau là, vous pouvez voir que le positionnement ne change pas car, par rapport à la chronologie, cela ne bouge pas. Voyez-vous ce que je veux dire ?

Techniquement, c’est possible, mais j’utilise un composant Discourse intégré DMenu. Je devrai peut-être demander au propriétaire son avis sur ce qui se passe là-bas.

1 « J'aime »
EDIT : Non, mauvaise idée, ne suivez pas cela, s'il vous plaît.

Tu as raison !

Je pense qu’il y a un moyen de dire à DMenu dans quel conteneur vous voulez insérer votre code, en utilisant this.menu.registerPortalOutletElement.

J’ai fait un test en créant un conteneur dans .timeline-controls puis en passant ce conteneur à registerPortalOutletElement, et cela a fonctionné pour moi. Je ne sais pas si c’est la meilleure façon, mais cela a fait le travail. :thinking:

Voir ci-dessous

Merci Joffrey !

1 « J'aime »

Si ma mémoire est bonne, il est conçu pour être utilisé une seule fois, au démarrage de l’application. L’appeler plus tard déplacera toutes les futures invocations de DMenu vers cet élément, ce qui cassera un tas d’autres choses :sweat_smile:

2 « J'aime »

OH. :sweat_smile: C’est ma faute. Je pensais que c’était défini à l’insertion du composant ; je l’avais même testé avant de poster. Je me suis probablement confondu avec le menu en ligne, alors. Ne jamais lire de code quand on est fatigué ahah.

EDIT : Je viens de vérifier à nouveau, et oui, c’est défini une fois. J’ai eu de la chance que ça ne casse rien. :smile:

2 « J'aime »

Merci pour ce composant, je l’apprécie beaucoup ! J’aimerais voir :

  1. Des options de couleur dans les options du mode lecture. J’aime personnellement garder Meta en mode clair, mais ce serait bien si je pouvais passer à un schéma de couleurs sombre/sépia en mode lecture.

    Similaire au mode lecture de Safari :

  2. J’aimerais que cliquer à l’extérieur du sujet annule le mode lecture plutôt que de devoir appuyer à nouveau sur le bouton.

  3. Ce serait bien si les paramètres du mode lecture persistaient sur les sujets et s’il y avait un bouton :arrows_counterclockwise: Réinitialiser pour revenir aux paramètres par défaut.

  4. Ce serait bien si les flairs d’avatar avaient également une opacité réduite. Il semble qu’ils soient plus accentués en mode lecture car ils sont en couleur.

4 « J'aime »

@Arkshine notre Joffrey national a mis à jour le cœur. Vous pouvez maintenant utiliser @inline={{true}} dans <DMenu> pour afficher le pop-up en ligne dans le conteneur.

La mise à jour est maintenant disponible ici sur meta.

3 « J'aime »

C’est super, c’est en fait l’interface utilisateur que j’aimerais atteindre à terme. Je m’en tiens pour l’instant aux simples valeurs par défaut du navigateur en termes de taille de police, de sélection et de largeur de contenu.

J’aime aussi beaucoup l’interface utilisateur de The Arc Browser pour sa fonction « boosts ».

Cependant, je vais éviter de laisser Wingdings être une famille de polices utilisable en mode lecture :stuck_out_tongue_winking_eye:

2 « J'aime »

Génial ! :tada:
Plus de saccades de mon côté. Tout va bien ! Merci à vous deux :+1:

3 « J'aime »

J’adore ça et je m’attends à ce que la plupart de nos utilisateurs l’adorent aussi. Malheureusement, l’inadéquation d’opacité mise en évidence par Keegan est aussi ce qui m’empêche de l’ajouter à notre instance :

Je préférerais en fait l’inverse, où le profil utilisateur et le flair restent en couleur, mais je suis d’accord que le vrai problème est l’inadéquation entre l’opacité des flairs et des photos de profil.
Les trois autres points de Keegan résument élégamment tout le reste de ce que je pensais.
J’ai hâte de voir plus de développement à ce sujet :star_struck:


Edit :
Commentaire d’un collègue :

Je l’aime bien ! Tellement que je serais même intéressé à pouvoir choisir que l’avoir actif soit la valeur par défaut.

4 « J'aime »

J’ai mis à jour cela aujourd’hui. :smile: Merci pour vos aimables paroles, je suis heureux que vous trouviez cela utile.

1 « J'aime »