github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-22 14:03:22 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

FIX: Move overflow from cooked to parent element to allow for slight overflow of blur/italic/shadow

Browse Source
This commit is contained in:
Kris 2018-10-03 10:13:56 -04:00
parent dc8a16b43b
commit 46563082a9
2 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -496,9 +496,7 @@ 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.
.contents .cooked {
overflow: hidden;
}
overflow: hidden;
&.highlighted {
animation: background-fade-highlight 2.5s ease-out;
}

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

@ -301,9 +301,9 @@ span.post-count {
overflow: inherit;
}
// instead, for mobile we set overflow hidden on the cooked part of post body
// instead, for mobile we set overflow hidden on the post's #main-outlet
// this prevents image overflow on deeply nested blockquotes, lists, etc
.cooked {
[class*="archetype-"] #main-outlet {
overflow: hidden;
}