Style categories page for mobile

This commit is contained in:
Neil Lalonde 2013-09-17 17:02:10 -04:00
parent fdc7267ad9
commit 21b018192f
3 changed files with 5 additions and 27 deletions

View File

@ -0,0 +1 @@
{{each categories itemViewClass="Discourse.FeaturedTopicsView"}}

View File

@ -53,7 +53,7 @@
tbody tr {
background-color: $white;
&:nth-child(even) {
background-color: darken($white, 2%);
background-color: darken($white, 4%);
}
&.archived a {
opacity: 0.6;
@ -182,29 +182,6 @@
// Category list
// --------------------------------------------------
.category-column {
float: left;
width: 550px;
&.first {
margin-right: 10px;
}
}
@include medium-width {
.category-column {
width: 493px;
&.first {
margin-right: 9px;
}
}
}
@include small-width {
.category-column {
width: 470px;
}
}
.category-list-item {
margin-bottom: 10px;
#topic-list tbody tr:nth-child(even) {
@ -216,13 +193,13 @@
}
.posters {
float: left;
display: none;
}
> footer {
border: 1px solid $topic-list-border-color;
border-bottom: 1px solid $topic-list-border-color;
border-top: 0;
padding: 7px 10px;
background-color: lighten($topic-list-th-background-color, 2%);
@include border-radius-all(0 0 4px 4px);
@include box-shadow(0 1px 3px rgba($black, 0.22));
figure {
float: left;
@ -259,7 +236,7 @@
// Topics
#topic-list-bottom {
margin: 20px 0 0 12px;
margin: 20px 12px 0 12px;
}
.topics-loading {