codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-05-01 00:18:02 -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 { .embedded-posts {
background: dark-light-diff($primary, $secondary, 90%, -65%) !important;
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%); }
.topic-body { .topic-body {
background: dark-light-diff($primary, $secondary, 90%, -65%) !important; background: dark-light-diff($primary, $secondary, 90%, -65%) !important;
width: 86%; width: 86%;
padding-left: 1%; padding-left: 1%;
padding-right: 1%; padding-right: 1%;
border-top: none; border-top: none;
// WARNING: overflow hide is required for quoted / embedded images // WARNING: overflow hide is required for quoted / embedded images
// which expect "normal" post width, but expansions are narrower // which expect "normal" post width, but expansions are narrower
overflow: hidden; overflow: hidden;
} }
.topic-avatar { .topic-avatar {
@ -257,11 +259,14 @@ 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;
}
} }
&.bottom .arrow {float: right;} &.bottom .arrow { float: right; }
&.bottom { &.bottom {
margin-top: -11px; margin-top: -11px;
} }
// top means "in reply to expansion" above a post // top means "in reply to expansion" above a post