jeshyr: Dreamwidth: Dream wide, dream deep (Dreamwidth - Dream wide Dream Deep)
Ricky Buchanan ([personal profile] jeshyr) wrote in [site community profile] dw_styles2011-08-31 08:25 pm

Dealing With Tiny Icons

I have just realised that at least some of our themes fail quite badly when they are used for posts which have a small or non-square user icon.

I use the EasyRead theme for my friends list and one of my circle uses a one pixel icon. Using EasyRead, his posts always show up with the subject line and his username overlaying one another which is hard to read. [personal profile] rising confirmed that some of the Brittle themes and Dusty Foot also look very odd with that icon. When I asked about this on IRC, [personal profile] azurelunatic mentioned that she has a rectangular icon which also breaks some themes.

I have confirmed that the site scheme and also Zesty work fine with this 1px icon. Haven't checked any others at this point.

I know that virtually everybody I've come across has almost all square full size icons but I really think that we need all themes (if possible!) to cater to differently sized/shaped icons[*].

For themes like EasyRead which collapse in the absence of a full sized icon, this can be fixed fairly simply by wrapping the icons in a 'span' which has width and height attributes set to 100px; icons which are smaller than "full size" will then just be surrounded by blank space to make up the full size.

I'm not sure how this should best be addressed, so I figured I'd post it here. What now?

Cheers,
r

[*] I do sometimes think that the Dreamwidth Diversity Statement could be reduced to "Edge Cases Matter Too" ;)
ninetydegrees: Drawing: a girl's face, with a yellow and green stripe over one eye (Default)

[personal profile] ninetydegrees 2012-09-11 07:09 pm (UTC)(link)
Thank you for the reminder! I usually test styles I patch with non standard icons (smaller and/or not square) but I never thought about using something so tiny. I will now! *g* It would help if people reported these bugs as it may also depend on one's font size and the position of the icon so steps to reproduce would be useful. For example, I couldn't reproduce the issue in Dusty Foot so either I've missed something or what's odd doesn't seem so to me. ;)
jewelfox: A portrait of a foxgryphon with a beak, black fur, magenta hair, fox ears, and a neckband with a large jewel on it. (Default)

[personal profile] jewelfox 2012-09-14 06:02 pm (UTC)(link)
That's actually a really good simplification, and part of why I like DW so much even if it seems to go slowly at times. It feels like it grabbed all of LJ's edge cases or something.

My friends are all society's edge cases. >_>; A lot of them anyway.