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

fitting images in posts without violating max width/height

This commit is contained in:
Kris Aubuchon 2014-07-16 01:01:03 -04:00
parent 823061a2cf
commit 89167be99a
2 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/common/base/lightbox.scss
View File

@ -11,6 +11,10 @@
.lightbox-wrapper { .lightbox-wrapper {
display: inline-block; display: inline-block;
a img {
width: 100%;
height: 100%;
}
} }
.meta { .meta {

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

@ -251,7 +251,10 @@ nav.post-controls {
.embedded-posts { .embedded-posts {
h1, h2, h3 {margin: 10px 0;} h1, h2, h3 {margin: 10px 0;}
a.mention {background: darken(scale-color-diff(), 10%);} a.mention {background: darken(scale-color-diff(), 10%);}
p img {
width: 100%;
height: 100%;
}
.topic-body { .topic-body {
width: 84%; width: 84%;
padding-left: 1%; padding-left: 1%;
@ -264,8 +267,6 @@ nav.post-controls {
} }
// bottom means "reply expansion" below a post // bottom means "reply expansion" below a post
&.bottom { &.bottom {
&.hidden {display: block; opacity: 0; } &.hidden {display: block; opacity: 0; }