Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: topic admin menu was clipped on short posts due to overflow hidden

This commit is contained in:
Kris 2018-10-05 10:51:27 -04:00
parent be56f18cdd
commit fa21b39875
3 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -496,7 +496,9 @@ aside.quote {
// this is necessary for ANYTHING that extends past the right edge of // 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 // 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. // a deeply nested blockquote, and so on.. you get the idea.
.cooked {
overflow: hidden; overflow: hidden;
}
&.highlighted { &.highlighted {
animation: background-fade-highlight 2.5s ease-out; animation: background-fade-highlight 2.5s ease-out;
} }

6
app/assets/stylesheets/desktop/topic-post.scss
View File

@ -646,7 +646,11 @@ $topic-avatar-width: 45px;
position: relative; position: relative;
z-index: z("base"); z-index: z("base");
border-top: 1px solid $primary-low; 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 { .topic-avatar {

5
app/assets/stylesheets/mobile/topic-post.scss
View File

@ -298,7 +298,10 @@ span.post-count {
// mobile has no fixed width on topic-body so overflow: hidden causes problems // mobile has no fixed width on topic-body so overflow: hidden causes problems
.topic-body { .topic-body {
overflow: inherit; overflow: visible;
.cooked {
overflow: visible;
}
} }
// instead, for mobile we set overflow hidden on the post's #main-outlet // instead, for mobile we set overflow hidden on the post's #main-outlet