IV Contest 2.0 - Fanpage.it - Recipe icons issue

IV Contest 2.0 - Fanpage.it - Recipe icons issue

Giovanni M.


In this recipe page cescus replaced SVG icons with their emoticon counterparts. I thought his solution was nice so I decided to implement it on my template. However testing it on my device revealed some rendering issues:

  1. The first emoticon (πŸ‘¨β€πŸ³) is actually rendered with two emoticons (πŸ‘¨β€ + 🍳)
  2. The width of the table exceeds the horizontal width of the client truncating the content.
  3. The table scrolls horizontally showing an ugly bar
Template #35 (cescus)


Perhaps on other devices these issues won't show up, but consider that the string may be longer (for example with "Difficile" in place of "Facile" or "1h 30min" in place of "30min").
So I prefer a textual implementation that I consider more reliable. In fact those icons are not so essential because the meaning of the text is preserved even without them.


Template #36 (Giovanni M.)


I attach also this editor log in order to show you both implementations.

Preview diff - emoticons&table vs textual


Report Page