From 5be658849bb3890b75205f925b74d3a165147b82 Mon Sep 17 00:00:00 2001
From: Rafael dos Santos Silva <xfalcox@gmail.com>
Date: Tue, 1 Aug 2023 11:57:29 -0300
Subject: [PATCH] UX: Fixes for new related topic styles (#22906)
---
app/assets/stylesheets/desktop/topic-post.scss | 4 ----
app/assets/stylesheets/desktop/topic.scss | 18 ++++++++++++++----
app/assets/stylesheets/mobile/topic-post.scss | 3 +++
3 files changed, 17 insertions(+), 8 deletions(-)
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index b998de7272c..afbb9ba29f8 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -370,10 +370,6 @@ pre.codeblock-buttons:hover {
.more-content-topics {
margin-top: 2em;
-
- .suggested-topics-message {
- display: none;
- }
}
span.post-count {
diff --git a/app/assets/stylesheets/desktop/topic.scss b/app/assets/stylesheets/desktop/topic.scss
index 5a33ab04bd4..c7ab3ad82bc 100644
--- a/app/assets/stylesheets/desktop/topic.scss
+++ b/app/assets/stylesheets/desktop/topic.scss
@@ -139,11 +139,21 @@
.more-content-wrapper {
display: flex;
justify-content: space-around;
+ clear: both;
- .topic-list-header,
- .posts-map,
- .views {
- display: none;
+ &:not(.single-list) {
+ column-gap: 0.75em;
+
+ .topic-list-header,
+ .posts-map,
+ .views,
+ .suggested-topics-message {
+ display: none;
+ }
+ }
+
+ .more-content-topics {
+ flex: 1 1 0;
}
.topic-list-body {
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 3fc6eee640a..d1633b2c6e1 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -273,6 +273,9 @@ a.reply-to-tab {
font-size: var(--font-down-1);
vertical-align: top;
}
+ .suggested-topics-message {
+ margin-top: 1em;
+ }
}
span.post-count {