codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-05-03 17:35:09 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

FIX: add global hidden overflow on all topic bodies

Browse source
This commit is contained in:
Jeff Atwood 2016-02-22 01:17:50 -08:00
parent f6b1238d6c
commit 6a6e3a6a3a
4 changed files with 5 additions and 2 deletions
app/assets/stylesheets
common/base
discourse.scsstopic-post.scss
desktop
topic-post.scss
embed.css.scss

1
app/assets/stylesheets/common/base/discourse.scss
View file

@ -33,7 +33,6 @@ small {
blockquote { blockquote {
@include post-aside; @include post-aside;
overflow: hidden;
clear: both; clear: both;
} }

4
app/assets/stylesheets/common/base/topic-post.scss
View file

@ -152,6 +152,10 @@ aside.quote {
} }
.topic-body { .topic-body {
// this is necessary for ANYTHING that extends past the right edge of
// the post body, such as an image in a deeply nested list, image in
// a deeply nested blockquote, and so on.. you get the idea.
overflow: hidden;
&.highlighted { &.highlighted {
background-color: dark-light-diff($tertiary, $secondary, 85%, -65%); background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
} }

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

@ -706,6 +706,7 @@ $topic-avatar-width: 45px;
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%); border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
padding: 12px $topic-body-width-padding 15px $topic-body-width-padding; padding: 12px $topic-body-width-padding 15px $topic-body-width-padding;
} }
.topic-avatar { .topic-avatar {
border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%); border-top: 1px solid dark-light-diff($primary, $secondary, 90%, -75%);
padding-top: 15px; padding-top: 15px;

1
app/assets/stylesheets/embed.css.scss
View file

@ -28,7 +28,6 @@ article.post {
margin: 0 0 10px 0; margin: 0 0 10px 0;
background-color: dark-light-diff($primary, $secondary, 97%, -45%); background-color: dark-light-diff($primary, $secondary, 97%, -45%);
border-left: 5px solid darken(dark-light-diff($primary, $secondary, 97%, -45%), 10%); border-left: 5px solid darken(dark-light-diff($primary, $secondary, 97%, -45%), 10%);
overflow: hidden;
p { p {
margin: 0 0 10px 0; margin: 0 0 10px 0;
} }