From 22f43abb0edb370556f247172f76e93308578a0c Mon Sep 17 00:00:00 2001 From: Joe <33972521+hnb-ku@users.noreply.github.com> Date: Thu, 24 Jan 2019 17:16:18 +0800 Subject: [PATCH] UX: protection for very wide category-logo images on narrow screens --- app/assets/stylesheets/common/base/_topic-list.scss | 3 +++ app/assets/stylesheets/desktop/topic-list.scss | 2 -- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/common/base/_topic-list.scss b/app/assets/stylesheets/common/base/_topic-list.scss index c888928db6f..564a736e4a7 100644 --- a/app/assets/stylesheets/common/base/_topic-list.scss +++ b/app/assets/stylesheets/common/base/_topic-list.scss @@ -42,6 +42,9 @@ } } } + .category-heading { + max-width: 100%; + } } .topic-list-item.visited, diff --git a/app/assets/stylesheets/desktop/topic-list.scss b/app/assets/stylesheets/desktop/topic-list.scss index b6c5fb6f6d6..877f8f8c76c 100644 --- a/app/assets/stylesheets/desktop/topic-list.scss +++ b/app/assets/stylesheets/desktop/topic-list.scss @@ -210,8 +210,6 @@ button.dismiss-read { } .category-heading { - clear: both; - max-width: 100%; p { line-height: $line-height-large; font-size: $font-up-3;