Недавно я заметил, что смайлики в Google Reader'е начали отображаться в отдельных строках. По началу не обратил на это внимания, но потом заметил, что проблема возникла не только у меня.
Раньше, по-моему, все было нормально… или это мне кажется?
Сначала я подумал, что проблема в моей RSS ленте или FeedBurner'е.
Но оказалось, что и там и там все правильно. Смайлик находится внутри строки как и было задумано. HTML разметка такая:
<img class="wp-smiley" alt=":-)" src="https://www.simplecoding.org/wp-includes/images/smilies/icon_smile.gif"/>
А вот в Google Reader'е разметка уже немного другая:
<img class="content-block-fix" alt=":-)" src="https://www.simplecoding.org/wp-includes/images/smilies/icon_smile.gif"/>
Заметили class="content-block-fix"?
К нему прилагается два CSS правила:
.content-block-fix {
display:block;
margin:10px 0;
}
Думаю, особые пояснения здесь не нужны. Первое правило делает картинку со смайликом блочным элементом, который отображается, как и положено блочному элементу в отдельной строке.
Честно говоря, сомнительное нововведение. Многие авторы используют смайлики и практически всегда внутри текста. А разорванный на три части абзац выглядит не лучшим образом.
В принципе можно написать плагин для greasemonkey, который исправит стили, только тут возникает два вопроса.
1) Где ещё Google Reader использует класс .content-block-fix?
2) Стоит ли вообще возиться?
