github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-08 04:20:27 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

adjust img width to auto ONLY ON REPLY EXPANSIONS

Browse Source
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 .arrow {float: right; margin: 0 0 0 0;}
&.bottom { &.bottom {
margin-top: -11px; 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 means "in reply to expansion" above a post
&.top { &.top {
margin-left: 56px; margin-left: 56px;
width: 701px; 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;} &.top.topic-body {padding-left: 0; padding-right: 0;}
.post-date {color: scale-color($primary, $lightness: 50%);} .post-date {color: scale-color($primary, $lightness: 50%);}