Косячки на линче

Вот у Лебедева в Линче регулярно попадается такой вот косячок:

Тексты в комментах выползают за жёлтую плашку.

Почему это получается я могу предположить. Например, метрики шрифтов не совпадают у комментатора и у меня. Или ошибки округления там – у меня зум 120% выставлен, мне мелко без зума.

Тюнить технологию на сервере под это дело незачем, ясно по мелким деталям, что ей сто лет в обед и лезть в неё не стОит, там мудрёно сделано – текст текстом, все плашки пререндерены на сервере для совместимости со старьём типа. Да и не предусмотришь всего на сервере.

Это просто надо делать на клиенте, после рендера, чтобы точно знать, где подгонять, а где и так сидит.

Лечится это вот таким коротким кодом, который надо исполнить после инициализации DOM (можно для этого его обернуть например в $(function(){})):

$("#ToggleCommented").bind("click",function(){
	$(".LynchComment").each(function (){
		var $n=$(this),$t=$n.find(">div"); 
		if($t.height()>$n.height()) $n.css({"padding-top":"3px","font-size":"12.5px"})
	})
});

Кому не лень, может открыть линчи, кликнув на картинки вверху страницы, выставить зум в 120% как у меня – оно расползётся.

После этого открыть консоль (Alt-Cmd-I на маке, Ctrl-Shift-I на венде), копирнуть туда код и ещё раз кликнуть на кнопку, открывающую комменты. Станет вот так:

Вообще, тюнинг выдачи сервера на клиенте круто недооценен. Весь каталог Формозы так сделан – это например позволяет существенно расширять функциональность и интерактивность статичной серверной выдачи.