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

adjust img width to auto ONLY ON REPLY EXPANSIONS

This commit is contained in:
Jeff Atwood 2014-08-02 00:10:40 -07:00
parent d13d42f3f6
commit 04682335d4
1 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -255,13 +255,28 @@ nav.post-controls {
&.bottom .arrow {float: right; margin: 0 0 0 0;}
&.bottom {
margin-top: -11px;
// WARNING *ONLY* DO THIS ON REPLY EXPANSIONS!
// auto-sizing of images causes massive havoc with regular post stream
// but we have to do this on reply expansions because the width is
// unavoidably narrower than a regular post
.lightbox-wrapper img {
width: 100%;
height: auto;
}
}
// top means "in reply to expansion" above a post
&.top {
margin-left: 56px;
width: 701px;
// WARNING *ONLY* DO THIS ON REPLY EXPANSIONS!
// auto-sizing of images causes massive havoc with regular post stream
// but we have to do this on reply expansions because the width is
// unavoidably narrower than a regular post
.lightbox-wrapper img {
width: 100%;
height: auto;
}
}
&.top.topic-body {padding-left: 0; padding-right: 0;}
.post-date {color: scale-color($primary, $lightness: 50%);}