From fa21b398755ccf3c523d0e0262567dbdc510de05 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 5 Oct 2018 10:51:27 -0400
Subject: [PATCH] FIX: topic admin menu was clipped on short posts due to
 overflow hidden

---
 app/assets/stylesheets/common/base/topic-post.scss | 4 +++-
 app/assets/stylesheets/desktop/topic-post.scss     | 6 +++++-
 app/assets/stylesheets/mobile/topic-post.scss      | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss
index 03c29797537..1e74af02dfb 100644
--- a/app/assets/stylesheets/common/base/topic-post.scss
+++ b/app/assets/stylesheets/common/base/topic-post.scss
@@ -496,7 +496,9 @@ aside.quote {
   // this is necessary for ANYTHING that extends past the right edge of
   // the post body, such as an image in a deeply nested list, image in
   // a deeply nested blockquote, and so on.. you get the idea.
-  overflow: hidden;
+  .cooked {
+    overflow: hidden;
+  }
   &.highlighted {
     animation: background-fade-highlight 2.5s ease-out;
   }
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index ae5393f5ebe..f0603b895e2 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -646,7 +646,11 @@ $topic-avatar-width: 45px;
   position: relative;
   z-index: z("base");
   border-top: 1px solid $primary-low;
-  padding: 12px $topic-body-width-padding 0 $topic-body-width-padding;
+  padding: 12px 0 0 0;
+  .topic-meta-data,
+  .cooked {
+    padding: 0 $topic-body-width-padding 0.25em $topic-body-width-padding;
+  }
 }
 
 .topic-avatar {
diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss
index 070399bc3e1..9f3414436fc 100644
--- a/app/assets/stylesheets/mobile/topic-post.scss
+++ b/app/assets/stylesheets/mobile/topic-post.scss
@@ -298,7 +298,10 @@ span.post-count {
 
 // mobile has no fixed width on topic-body so overflow: hidden causes problems
 .topic-body {
-  overflow: inherit;
+  overflow: visible;
+  .cooked {
+    overflow: visible;
+  }
 }
 
 // instead, for mobile we set overflow hidden on the post's #main-outlet