Issues with the forum logo

The original images aren't stretched, and are both 576 x 180 pixels:

The stylesheet for the dark theme is using background-size: 150px 40px, but it should be using background-size: 128px 40px to keep the original aspect ratio.

// Theme: Dark
// Target: common scss
// Last Edited: 2018-07-03 19:43:29 UTC

.logo-big {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(https://global.discourse-cdn.com/swift/original/2X/3/318de24e67a74728a2f4a686e86fea1f127341f5.png) no-repeat;
    width: 150px; 
    height: 40px; 
    padding-left: 150px; 
    background-size: 150px 40px;
}

The other more subtle issue is that the image without text (which is shown after scrolling down to more recent posts within a topic) is 590 x 585 pixels, and has more empty space around it than the other images. Ideally, this image would be 180 x 180 pixels, by cropping the black or white text from one of the other images. A smaller image might also help in Discord and Slack.

2 Likes