From 2556e5a715b926c775b7104cbe2c6178f8d4d2a7 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Thu, 27 Oct 2022 10:59:58 -0400
Subject: [PATCH] FIX: a couple of topic elements are too wide (#18775)
---
app/assets/stylesheets/common/base/topic-post.scss | 6 ++++--
app/assets/stylesheets/desktop/topic-post.scss | 4 ----
2 files changed, 4 insertions(+), 6 deletions(-)
diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 0468dee57b0..9825e814e7b 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -1221,8 +1221,10 @@ blockquote > *:last-child {
border-bottom: 1px solid var(--danger-medium);
line-height: 0.1em;
margin: 1rem 0px;
- width: 100%;
-
+ width: calc(
+ var(--topic-body-width) + var(--topic-avatar-width) +
+ (var(--topic-body-width-padding) * 2)
+ );
.topic-post-visited-message {
background-color: var(--secondary);
color: var(--danger-medium);
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index 6409b8a9f54..ebd6bb65718 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -509,10 +509,6 @@ blockquote {
(var(--topic-body-width-padding) * 2)
);
max-width: 100%;
- @media all and (max-width: 790px) {
- // 32px is (left + right padding * 2) from .wrap in common/base/discourse.scss
- max-width: calc(100vw - 32px);
- }
}
/* hide the reply border above the time gap notices */