Affichage des sujets actifs tout pourri - Page 1

1

Le 18/11/2015 à 19:15

Yop

Depuis 4 jours (je crois), l'affichage des sujets actifs est devenu tout pourri sur iPhone de largeur d'écran normale (i.e. iPhone ≤ 5S)
J'imagine que ça a à voir avec les ellipses automatiques, mais je vois pas de post officiel dans les forums dédiés… Sans doute qu'il n'y en a pas ?
Avant, on pouvait voir les titres des topic. Maintenant, dans le meilleur des cas, ils sont tronqués et moins lisibles, et sinon ils sont zoomés pratiquement x2 (en hauteur de ligne) et encore plus tronqués, donc encore moins lisibles…
Comme à ma connaissance, Safari ne fait pas cette merde immonde de changer la taille des éléments de manière aléatoire comme on peut le voir sur certains navigateurs Android, je suppose que ça vient de yAronet.

Exemple:
"Le tout et rien, mais … - 12123 (+5)"
"_{informatique e…}- 27180 (+9)"

Première ligne: exemple de titre qui "marche" (carrément pas).
Deuxième ligne: exemple de titre qui foire complètement.

S'il faut une capture d'écran, je ferai le nécessaire, mais ça serait vraiment bien de revenir à l'ancienne version qui était plus fonctionnelle. (Je crois pas qu'on s’embêtait à tronquer quoi que ce soit, et c'était bien mieux.)

Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

2

Le 18/11/2015 à 19:52

Alors effectivement il n'y a pas eu d'annonce mais la façon de tronquer les titres a bien changé (plus d'infos ici). Version courte : les titres étaient avant tronqués à 50 caractères, ce qui était inadapté sur des écrans larges (vu qu'on tronquait des titres alors qu'il y avait 30 fois la place de les afficher en entier) comme sur les écrans étroits (parce que 50 caractères provoquaient quand même un retour à la ligne). C'est une amélioration volontaire, donc pas de retour à l'ancienne version (surtout s'il n'y a que sur iPhone que ça rend mal).

En revanche on peut essayer de comprendre ce qui ne va pas. Voilà le script complet :

Script qui tronque les titres dans "mes sujets"

$(function ()
{
	var resize;

	$(window)
		.on ('resize', function ()
		{
			if (resize)
				clearTimeout (resize);

			resize = setTimeout (function ()
			{
				$('div.topic')
					.addClass ('ellipsis')
					.each (function ()
					{
						var count;
						var label;
						var topic;
						var width;

						topic = $(this);
						count = topic.find ('span.count');
						label = topic.find ('a.label');
						width = topic.width () - count.outerWidth (true) - label.outerWidth (true) + label.width ();

						console.log(topic.width () - count.outerWidth (true) - label.outerWidth (true));

						label.css ({maxWidth: width + 'px'});
					});

				resize = undefined;
			}, 100);
		})
		.triggerHandler ('resize');

	$('.blocks .link').on ('click', function ()
	{
		location = $(this).find('a').attr('href');

		return false;
	});
});

Le principe est de calculer la largeur maximale de chaque titre pour laisser juste la place des compteurs à droite et déclencher l'ellipsis. Pour que ça continue de fonctionner sans JavaScript, il y a également une classe CSS "ellipsis" qui n'est enclenchée que lorsque le script prend effet, et dont les propriétés sont les suivantes :

div.ellipsis {
    overflow:       hidden;
    white-space:    nowrap;
    padding-right:  4px;
}

div.ellipsis a.label {
    display:                inline-block;
    overflow:               hidden;
    text-overflow:          ellipsis;
    vertical-align:         top;
    transition-duration:    100ms;
}

A priori rien qui explique un quelconque changement de taille, donc j'ai quand même l'impression que Safari adopte un comportement particulier dans ce cas. Si tu arrives à comprendre pourquoi je peux essayer de corriger, sinon à défaut un screenshot aidera. Comme je n'ai pas d'iPhone ni la possibilité de tester yAronet avec, on risque d'avancer un peu à tâtons mais ça sera mieux que rien.

All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

3

Le 18/11/2015 à 20:10

Ouah, je ne parle plus le jQuery depuis longtemps moi

Je veux bien regarder un si je vois un truc évident, mais à priori non.

Le truc c'est que d'une part ça bug, et ça ça me dérange beaucoup, et d'autre part, même quand ça fonctionne, je vois beaucoup moins d'infos qu'avant, et je trouve ça gênant aussi… (Genre en gros pour qu'un titre s'affiche entièrement, il faudrait qu'il fasse moins de environ 28 caractères, c'est juste pas tenable)

Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

4

Le 18/11/2015 à 20:17

Y'a une solution à ça. Code une appli yN pour iPhone

— Zeroblog —

« Tout homme porte sur l'épaule gauche un singe et, sur l'épaule droite, un perroquet. » — Jean Cocteau
« Moi je cherche plus de logique non plus. C'est surement pour cela que j'apprécie les Ataris, ils sont aussi logiques que moi ! » — GT Turbo

5

Le 18/11/2015 à 20:20

Bordel… http://stackoverflow.com/questions/5303263/fix-font-size-issue-on-mobile-safari-iphone-where-text-is-rendered-inconsisten
Je sais pas comment j'ai jamais constaté ce truc avant, l'affichage a toujours été assez fidèle à ce que je voyais sur PC avec Safari… Sauf là

Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

6

Le 18/11/2015 à 21:18

pourquoi pas enlever le nowrap du .topic et passer sur de multiples lignes en cas de petit écran ?, ça donnerais un truc du style

et la le mec il le pécho par le bras et il lui dit '

7

Le 18/11/2015 à 21:25

Zerosquare (./4) :
Y'a une solution à ça. Code une appli yN pour iPhone

C'est une vrai question, mais integrer tapatalk ne serait pas possible?

Proud to be CAKE©®™

GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

8

Le 18/11/2015 à 21:39

./6 : yep c'est pas idiot ; après ça ne règlera pas les problèmes avec Safari sur d'aurtes platformes je suppose

[edit] voilà c'est modifié ; par contre Golden comme pour l'instant tu as l'air d'être le seul gêné je n'ai pas invalidé le cache donc il faudra Ctrl+F5 (enfin l'équivalent Safari IOS)

All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

9

Le 18/11/2015 à 21:53

Merci \o/

Le scénario de notre univers a été rédigée par un bataillon de singes savants. Tout s'explique enfin.
T'as un problème ? Tu veux un bonbon ?
[CrystalMPQ] C# MPQ Library/Tools - [CrystalBoy] C# GB Emulator - [Monoxide] C# OSX library - M68k Opcodes

10

Le 18/11/2015 à 22:38

Zeph: non mais ca permetrais d'utiliser une app native qui fonctionne plutot bien, apres je sais pas si c'est dur a integrer, c'est surment chiant..

Proud to be CAKE©®™

GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.

11

Le 19/11/2015 à 00:00

Heu j'avais zappé ton 1er post en fait, désolé. Je ne connais pas Tapatalk, mais franchement je ne suis pas du tout à la recherche d'un nouveau projet pour le moment. Si l'un de vous a envie de s'y mettre je lui fournirai ce qu'il faut avec plaisir, mais il faudra pas compter sur moi pour une intégration avec une quelconque app

All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

12

Le 19/11/2015 à 11:32Edité par Iceman RGC le 20/11/2015 à 17:18

Autre petit bug, mais je ne pense que ce soit juste sur l'iPhone et surtout c'est la faute des admins RGC...

Par contre autre problème, mais ça c'est général au forum avec de trop gros logos, pour cliquer sur le "menu" en haut à droite avec les trois tirets c'est assez difficile.
hDnA

----- SNK Forever -----
Association Retro-gaming Connexion : http://www.retro-gc.fr/
http://www.consoles-portables.com

13

Le 19/11/2015 à 11:53

Ah oui tiens, je n'avais pas pensé à ça, j'essaierai de voir si on peut l'arranger un peu

(sinon c'est assez bizarre tout cet espace inutilisé à droite également...)
[edit] ah non c'est parce que le texte "Le forum des Retro-gamers..." est en fait une image, qui du coup ne se redimensionne pas et prend trop de place sur les affichags étroits

All right. Keep doing whatever it is you think you're doing.
------------------------------------------
Besoin d'aide sur le site ? Essayez par ici :)

14

Le 19/11/2015 à 12:44

Zeph (./11) :
Heu j'avais zappé ton 1er post en fait, désolé. Je ne connais pas Tapatalk, mais franchement je ne suis pas du tout à la recherche d'un nouveau projet pour le moment. Si l'un de vous a envie de s'y mettre je lui fournirai ce qu'il faut avec plaisir, mais il faudra pas compter sur moi pour une intégration avec une quelconque app

Non mais c'est moi en fait, quand j'ai lu ./6 je pensais que tu me parlais

Proud to be CAKE©®™

GCC4TI importe qui a problème en Autriche, pour l'UE plus et une encore de correspours nucléaire, ce n'est pas ytre d'instérier. L'état très même contraire, toujours reconstruire un pouvoir une choyer d'aucrée de compris le plus mite de genre, ce n'est pas moins)
Stalin est l'élection de la langie.