UX: do not restrict width of category image, only height

UX: do not restrict width of category image, only height

This was a recent visual regression which caused a fair amount of pain.
Previously we only restricted height

From cc04c8685930c4e6addb46c73f900ce4a0c0ea64 Mon Sep 17 00:00:00 2001
From: Sam <sam.saffron@gmail.com>
Date: Mon, 3 Dec 2018 09:35:16 +1100
Subject: [PATCH] UX: do not restrict width of category image, only height

This was a recent visual regression which caused a fair amount of pain.
Previously we only restricted height

diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss
index fb82703..9cd8d01 100644
--- a/app/assets/stylesheets/desktop/topic-list.scss
+++ b/app/assets/stylesheets/desktop/topic-list.scss
@@ -236,7 +236,6 @@ button.dismiss-read {
     --max-height: 150px;
     max-height: var(--max-height);
     width: calc(var(--max-height) * var(--aspect-ratio));
-    max-width: 25%;
     height: auto;
 
     img {

GitHub

2 Likes