sillsdev / flashgrid

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Images sometimes very small

pconstrictor opened this issue · comments

Not sure why, but on Ellen's screen the images within the grid tend to display extremely small, even though her resolution isn't much different (although there is also a monitor plugged in).

This might possibly be the culprit:

img { max-width: 90px; max-height: 90px; }

This is related to #10. After improving that by computing dimensions, it was fairly easy to force images to take up no more than 80 pct of their containing cell.

I'd rather solve it using pure CSS (and percentages) rather than code (some pixels, some percentages), but for now computing the four values belows works better than what we had.

html, body, table { height:640px; table-layout:fixed}  /* 100% height doesn't appear to work; 'fixed' gives equal column widths */
img { max-width: 324px; max-height: 240px; }
...
    tr {height: 50%;}