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

UX: prevent images and lightboxes from extending outside blockquotes (#7262)

This commit is contained in:
Joe 2019-03-27 01:51:21 +08:00 committed by GitHub
parent 4f04ae5692
commit 095ee6ac96
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -203,6 +203,15 @@ aside.quote {
} }
} }
blockquote {
// due to #image-sizing-hack large images and lightboxes extend past the
// limits blockquotes. Since #image-sizing-hack is inline, we need to use
// !important here otherwise it won't work.
img {
max-width: 100% !important;
}
}
.quote-controls, .quote-controls,
.quote-controls .d-icon { .quote-controls .d-icon {
color: dark-light-choose($primary-low-mid, $secondary-high); color: dark-light-choose($primary-low-mid, $secondary-high);