codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-23 23:58:31 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

adding some padding to the topic-body, helps selection is Firefox and makes highlighted posts look better

Browse source
This commit is contained in:
Kris Aubuchon 2014-05-23 02:40:55 -04:00
parent 00278b42d8
commit 3cd91b50ed
2 changed files with 42 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/assets/stylesheets/desktop/discourse.scss
View file

@ -554,46 +554,56 @@ body {
.row:after { .row:after {
clear: both; clear: both;
} }
[class*="span"] {
float: left;
}
.span24 { .span24 {
width: 1236px; width: 1236px;
float: left;
} }
.span15 { .span15 {
/* intentionally no width set here, do not add one */ /* intentionally no width set here, do not add one */
margin-left: 12px; margin-left: 12px;
float: left;
} }
.span14 { .span14 {
width: 716px; width: 716px;
float: left;
} }
.span13 { .span13 {
width: 664px; width: 664px;
float: left;
} }
.span11 { .span11 {
width: 560px; width: 560px;
float: left;
} }
.span10 { .span10 {
width: 508px; width: 508px;
float: left;
} }
.span8 { .span8 {
width: 404px; width: 404px;
float: left;
} }
.span6 { .span6 {
width: 300px; width: 300px;
float: left;
} }
.span5 { .span5 {
width: 248px; width: 248px;
float: left;
} }
.span4 { .span4 {
width: 196px; width: 196px;
margin-right: 12px; margin-right: 12px;
float: left;
} }
.span3 { .span3 {
width: 144px; width: 144px;
float: left;
} }
.span2 { .span2 {
width: 92px; width: 92px;
float: left;
} }
.offset2 { .offset2 {
margin-left: 116px; margin-left: 116px;

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

@ -566,7 +566,7 @@ iframe {
.badge-category { .badge-category {
vertical-align: top; vertical-align: top;
margin-top: 4px; margin-top: 2px;
} }
} }
@ -769,7 +769,7 @@ blockquote { /* solo quotes */
&.highlighted { &.highlighted {
background-color: scale-color($tertiary, $lightness: 85%); background-color: scale-color($tertiary, $lightness: 85%);
} }
img, svg { img:not(.avatar), svg {
max-width: 100%; max-width: 100%;
} }
} }
@ -794,22 +794,41 @@ blockquote { /* solo quotes */
//columns //columns
.span14 { width: 70%; } //main content .span14 {
.span2 {width: 6%; } width: 68%;
.span11 {width: 86%; padding-left: 2%;} padding-left: 1%;
.span5 {width: 19%; padding-left: 1%; } padding-right: 1%;
}
.span2 { width: 5%; }
.span11 {
width: 84%;
padding-left: 4%;
}
.span5 {
width: 19%;
padding-left: 1%;
}
@media screen and (max-width: 966px) { @media screen and (max-width: 966px) {
.gutter {display: none;} .gutter {display: none;}
.span14 { width: 80%; max-width: 720px; } //main content .span14 {
width: 78%;
padding-left: 1%;
padding-right: 1%;
max-width: 720px;
} //main content
} }
.row:before, .row:after {display: table; content: "";} .row:before, .row:after {
display: table;
content: "";
}
.row:after {clear: both;} .row:after {clear: both;}
.dropdown { .dropdown {
position: relative; position: relative;
} }
@ -1029,7 +1048,6 @@ a.attachment:before {
} }
.topic-meta-data { .topic-meta-data {
margin-bottom: 10px;
&:after { &:after {
visibility: hidden; visibility: hidden;