codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-04-24 21:13:54 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: fix embedded posts background for good

Browse source
This commit is contained in:
Régis Hanol 2014-10-17 17:04:08 +02:00
parent 898ceb41e8
commit 35c30368f0
1 changed files with 15 additions and 10 deletions

25
app/assets/stylesheets/desktop/topic-post.scss
View file

@ -235,18 +235,20 @@ nav.post-controls {
}
.embedded-posts {
background: dark-light-diff($primary, $secondary, 90%, -65%) !important;
h1, h2, h3 { margin: 10px 0; }
a.mention { background: darken(scale-color-diff(), 10%); }
.topic-body {
background: dark-light-diff($primary, $secondary, 90%, -65%) !important;
width: 86%;
padding-left: 1%;
padding-right: 1%;
border-top: none;
// WARNING: overflow hide is required for quoted / embedded images
// which expect "normal" post width, but expansions are narrower
overflow: hidden;
width: 86%;
padding-left: 1%;
padding-right: 1%;
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 {
@ -257,11 +259,14 @@ nav.post-controls {
// bottom means "reply expansion" below a post
&.bottom {
&.hidden {display: block; opacity: 0; }
&.hidden {
display: block;
opacity: 0;
}
}
&.bottom .arrow {float: right;}
&.bottom .arrow { float: right; }
&.bottom {
margin-top: -11px;
margin-top: -11px;
}
// top means "in reply to expansion" above a post