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

FIX: use overflow:hidden on reply expansions

Browse Source
This commit is contained in:
Jeff Atwood 2014-10-15 22:34:56 -07:00
parent 5aaafff798
commit fc1176acae
1 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -238,39 +238,30 @@ nav.post-controls {
h1, h2, h3 {margin: 10px 0;}
a.mention {background: darken(scale-color-diff(), 10%);}
p img {
max-width: 579px;
}
.topic-body {
width: 86%;
padding-left: 1%;
padding-right: 1%;
border: none;
border-top: none;
// WARNING: overflow hide is required for quoted / embedded images
// which expect "normal" post width, but expansions are narrower
overflow: hidden;
}
.topic-avatar {
width: 45px;
margin: 0 10px 0 15px;
border: none;
}
// bottom means "reply expansion" below a post
&.bottom {
&.hidden {display: block; opacity: 0; }
}
&.bottom .arrow {float: right; margin: 0 0 0 0;}
&.bottom .arrow {float: right;}
&.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 {