When browsing a specific dataset detail page and the dataset logo big it doesn't fit on the page
10642
Reporter: kbraak
Assignee: kbraak
Type: Bug
Summary: When browsing a specific dataset detail page and the dataset logo big it doesn't fit on the page
Description: When browsing a specific dataset detail page and the dataset logo big it doesn't fit on the page. It should be resized in this case.
Priority: Minor
Resolution: Fixed
Status: Closed
Created: 2012-01-17 16:11:07.978
Updated: 2013-08-29 14:44:18.376
Resolved: 2012-01-23 11:33:18.051
Author: mdoering@gbif.org
Created: 2012-01-17 21:08:55.879
Updated: 2012-01-17 21:08:55.879
The simplest solution also used in the species pages for images is to apply max-width & max-height in the css for the image.
Not supported by old browsers, but they must be really old.
max-width:136px;
max-height:93px;
Author: kbraak@gbif.org
Created: 2012-01-19 12:10:16.915
Updated: 2012-01-19 12:10:16.915
Two screenshots attached. Not all logos will look good fitting into a square, but at least they are not off the page now.
Is it worth dynamically trying to reshape it, based on the dimensions of the image?
Author: mdoering@gbif.org
Created: 2012-01-19 12:22:29.944
Updated: 2012-01-19 12:22:29.944
I wouldn't modify the ratio. Its better to use the max-width/height properties and not the regular width/height
Author: mdoering@gbif.org
Comment: Also does it have to be a square? The free area looks like the max-width can be nearly twice as much as the max_height
Created: 2012-01-19 12:23:18.919
Updated: 2012-01-19 12:23:18.919
Author: kbraak@gbif.org
Created: 2012-01-19 12:46:36.507
Updated: 2012-01-19 12:46:36.507
I attach a couple other screenshots when I take advantage of more space with a 136w x 93h - It looks better.
When I think a logo, I traditionally think something square like a favicon.
Author: mdoering@gbif.org
Created: 2012-01-19 13:03:35.005
Updated: 2012-01-19 13:03:35.005
yes, but still distorted - do you use the max css properties?
PS:there are many square logos Ive come across
Author: kbraak@gbif.org
Comment: I wasn't using max - that looks much better. I'll commit this change.
Created: 2012-01-19 13:50:32.138
Updated: 2012-01-19 13:50:32.138
Author: kbraak@gbif.org
Comment: Dataset logo is appearing nicely. Closing issue.
Created: 2012-01-23 11:33:18.085
Updated: 2012-01-23 11:33:18.085
