diff --git a/app/assets/stylesheets/common/base/discourse.scss b/app/assets/stylesheets/common/base/discourse.scss index 8b8ab8040da..a0b23c263fe 100644 --- a/app/assets/stylesheets/common/base/discourse.scss +++ b/app/assets/stylesheets/common/base/discourse.scss @@ -33,7 +33,6 @@ small { blockquote { @include post-aside; - overflow: hidden; clear: both; } diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss index 0e2f63e5ce7..5b3ecebf49c 100644 --- a/app/assets/stylesheets/common/base/topic-post.scss +++ b/app/assets/stylesheets/common/base/topic-post.scss @@ -152,6 +152,10 @@ aside.quote { } .topic-body { + // 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; &.highlighted { background-color: dark-light-diff($tertiary, $secondary, 85%, -65%); } diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss index 8744a17edf5..8717c698c51 100644 --- a/app/assets/stylesheets/desktop/topic-post.scss +++ b/app/assets/stylesheets/desktop/topic-post.scss @@ -706,6 +706,7 @@ $topic-avatar-width: 45px; border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%); padding: 12px $topic-body-width-padding 15px $topic-body-width-padding; } + .topic-avatar { border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%); padding-top: 15px; diff --git a/app/assets/stylesheets/embed.css.scss b/app/assets/stylesheets/embed.css.scss index 3b1fd397409..826b4e284c0 100644 --- a/app/assets/stylesheets/embed.css.scss +++ b/app/assets/stylesheets/embed.css.scss @@ -28,7 +28,6 @@ article.post { margin: 0 0 10px 0; background-color: dark-light-diff($primary, $secondary, 97%, -45%); border-left: 5px solid darken(dark-light-diff($primary, $secondary, 97%, -45%), 10%); - overflow: hidden; p { margin: 0 0 10px 0; }