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

UX: mobile categories page is more like desktop categories page

Browse source
This commit is contained in:
Neil Lalonde 2015-05-05 12:04:18 -04:00
parent ea670118c1
commit 72cb784eae
2 changed files with 30 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
app/assets/javascripts/discourse/templates/mobile/discovery/categories.hbs
View file

@ -1,9 +1,9 @@
{{#each c in categories}}
<div class='category-list-item'>
<div class='category-list-item category' style="border-color: #{{unbound c.color}}">
<table class='topic-list'>
<tr>
<th class="main-link">
{{category-link c allowUncategorized=true}}
{{category-title-link category=c}}
</th>
</tr>

37
app/assets/stylesheets/mobile/topic-list.scss
View file

@ -85,7 +85,7 @@
tr.category-topic-link:nth-of-type(odd) {
background-color: darken($secondary, 3%) !important;
}
}
.topic-list.categories {
td.latest {
@ -97,9 +97,6 @@ tr.category-topic-link:nth-of-type(odd) {
display: inline-block;
margin-top: 1px;
}
.category-description {
margin-top: 8px;
}
.featured-users {
@include mobile-portrait {
margin-bottom: 10px;
@ -129,16 +126,38 @@ tr.category-topic-link:nth-of-type(odd) {
.category-list-item {
border-left: 6px solid;
h3 {
display: inline-block;
font-size: 1.286em;
margin: 10px 0 0 5px;
i {
margin-right: 5px;
}
a[href] {
color: $primary;
}
}
.category-description {
td {
padding: 0 5px 15px 10px;
}
}
.topic-list > tbody > tr {
&:nth-child(odd) {
background-color: $secondary;
}
&:nth-child(even) {
background-color: $secondary;
}
}
&:nth-child(even) {
background-color: $secondary;
}
}
margin-bottom: 10px;
.category-topic-link .main-link {
padding-left: 10px;
}
th .badge-category {
margin: 0;