search

sillsdev / flashgrid

Other
5 stars 4 forks source link

Images sometimes very small #16

Closed pconstrictor closed 9 years ago

pconstrictor commented 9 years ago

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; }

pconstrictor commented 9 years ago

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%;}