Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

topic body and small action widths inconsistent

This commit is contained in:
Kris 2018-10-05 18:37:23 -04:00
parent cbb8f6f0fe
commit 41ceb6ca88
3 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/stylesheets/common/base/topic-post.scss
View File

@ -623,7 +623,7 @@ blockquote > *:last-child {
.small-action { .small-action {
display: flex; display: flex;
align-items: center; align-items: center;
max-width: 755px; max-width: 758px;
border-top: 1px solid $primary-low; border-top: 1px solid $primary-low;
.topic-avatar { .topic-avatar {
align-self: flex-start; align-self: flex-start;

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

@ -641,7 +641,7 @@ $topic-body-width: 690px;
$topic-body-width-padding: 11px; $topic-body-width-padding: 11px;
$topic-avatar-width: 45px; $topic-avatar-width: 45px;
.topic-body { .topic-body {
width: $topic-body-width; width: calc(#{$topic-body-width} + calc(#{$topic-body-width-padding} * 2));
float: left; float: left;
position: relative; position: relative;
z-index: z("base"); z-index: z("base");
@ -906,7 +906,6 @@ span.highlighted {
.topic-body { .topic-body {
box-sizing: border-box; box-sizing: border-box;
width: calc(100% - 47px); //100% - [width of .topic-avatar + 2px] width: calc(100% - 47px); //100% - [width of .topic-avatar + 2px]
padding-left: 2%;
} }
.embedded-posts { .embedded-posts {
// top means "in reply to expansion" above a post // top means "in reply to expansion" above a post

2
app/assets/stylesheets/desktop/topic.scss
View File

@ -76,7 +76,7 @@
border-top: 1px solid $primary-low; border-top: 1px solid $primary-low;
padding: 10px 0; padding: 10px 0;
height: 20px; height: 20px;
max-width: 757px; max-width: 758px;
} }
#topic-progress-wrapper { #topic-progress-wrapper {