JR said: Apologies for the confusion! We had a bit of trouble getting this code out, so you may have had a different experience initially than is currently available. To be clear, we do not intend to implement game banners as they appear in the screenshots in this thread, as outlined when we closed the feedback thread on these changes. Per the Development server feedback thread, we aren’t yet satisfied with our implementation of game image standardization and game time reminders. We released updates to the campaign details page including: A new image uploader that does not delete existing images on click Removal of white gradient and alterations to game name placement Topographical default game image and updated toolbar images We will also now sort your games on /welcome by the next scheduled game unless you do not have one, in which case it will still sort by last modified. We are aware of existing issues with stretched images in the toolbar, and still intend to make larger design changes in the future that will address that experience. Thanks for your feedback, and I hope this clears up some of the confusion here! Thanks for the update. It's good to know I wasn't remembering things incorrectly. I would like to highlight some other places where images would benefit from a solution which preserves the height/width ration of the image. This isn't an exhaustive list, but it is what I could find quickly. /campaigns page The player's thumbnails for each game are resized to 40x40 pixels even if the original image is not square. object-fit: contain; fixes this. .campaignlisting .campaignplayer { width: 40px; height: 40px; border-radius: 20px; overflow: hidden; margin-right: 5px; margin-bottom: 5px;
object-fit: contain; } Journal thumbnails in addons I don't know if this happens in other situations, but journal thumbnails in addons get cropped to a square. When I create the journal handouts and characters and attach an image, the thumbnail preserves the image ratio. However, somewhere between when the game is addonized and when I add the addon to a new game, all thumbnails have been cropped to a square and then resized to 100x100 pixels. The journal thumbnails are then styled to 28x28 pixels. object-fit: contain; will not help here, because the source image has been corrupted. This leads to NPC thumbnails with heads cut off, dragons that have their wings cut off, and other cases where the thumbnail becomes hard to identify or just looks bad. Avatars in the forums Another place where object-fit: contain; would help, the forum avatars next to posts are stretched to fit 80x80 pixels. My "Z" avatar as of this post is stretched vertically because it is a wide image. .circleavatar { width: 80px; height: 80px; border-radius: 40px; background-color: white; overflow: hidden; position: relative;
object-fit: contain; } Avatars in game landing pages This one is a bit more complicated. Wide avatar images sit at the top of the white circle. Adding a line height to the avatar allows the img CSS to vertically align properly. I don't know what, if anything, would need to happen with tall avatar images (maybe text-align: center;?). .userprofile .avatar { width: 80px; height: 80px; border-radius: 40px; background-color: white; overflow: hidden; position: relative; float: left; margin-right: 20px; line-height: 80px; }