#2 Ensure sponsor images aren't displayed with bigger size than original one
Closed 2 years ago by areguera. Opened 2 years ago by arrfab.

@areguera : I had a quick look at https://www.stg.centos.org/sponsors/ and actually some smaller images (than 240*60) are stretched to higher values, and distorted.
Is that possible to change a little bit the layout of the sponsors page so that it wouldn't be rendered "too wide" ?


Metadata Update from @arrfab:
- Issue assigned to areguera

2 years ago

@arrfab what about changing the image size under assets/img/sponsors/ so they all have the same height or width?

that would be ideal, but some sponsor don't obey the 24060 .. or maybe we should then each time redesign a blank 24060 in which we'd have the logo pasted as a layer, and then exported ?
There is also another problem though : depending on the number of sponsors, it's not always displayed on fixed number of columns, see for example last sponsor, stretched to the max (wide)

How about this:

Screenshot_2020-06-20_Sponsors2.png

Reduced to 50px height. Adjusted smaller images to have transparent pixels on bottom so they are effectively 50px height images. Reduced titles and urls a bit to gain space. Images were linked, though not visible here.

Previous image was using the wrong CentOS logo on top, also some sponsor images were not adjusted to have 50px height. Corrections are in the following image:

Screenshot_2020-06-20_Sponsors4.png

wondering if we can force each "card" to be a specific size (wide) and so eventually that would fix the display ?
And while at it, wondering if displaying the border/line on each card is mandatory, as we have now logos touching (no spacing) the border.

wondering if we can force each "card" to be a specific size (wide) and so eventually that would fix the display ?

The image width might be a problem here since we are using images with different width. We can force it but the height (if auto) may be reduced or expanded and in case of fixed to 50px as it is now, some images might look stretched. All the cases are affected by the same style so it is necessary to find a common point for all of them.

And while at it, wondering if displaying the border/line on each card is mandatory, as we have now logos touching (no spacing) the border.

Here is an example of cards without borders:

Screenshot_2020-06-21_Sponsors.jpg

definitely +1 on the last screenshot : looking good no matter the image size, so can you push this to this repo ? it would render automatically logs on stg instance. we can then close this issue and thanks again @areguera for all your work on this ! :-)

Metadata Update from @areguera:
- Issue status updated to: Closed (was: Open)

2 years ago

Login to comment on this ticket.

Metadata