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

make it easier to customize category boxes with featured topics

This commit is contained in:
Neil Lalonde 2017-03-17 12:17:46 -04:00
parent e600dca268
commit 0991acf103
2 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/javascripts/discourse/templates/components/categories-boxes-with-topics.hbs
View File

@ -1,13 +1,15 @@
{{#each categories as |c|}}
<div class='category-box' style={{border-color c.color}}>
<div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}}>
<div class='category-box-inner'>
<a href={{c.url}}>
{{#if c.uploaded_logo.url}}
{{cdn-img src=c.uploaded_logo.url class="logo"}}
{{/if}}
<div class='category-box-heading'>
<a href={{c.url}}>
{{#if c.uploaded_logo.url}}
{{cdn-img src=c.uploaded_logo.url class="logo"}}
{{/if}}
<h3>{{c.name}}</h3>
</a>
<h3>{{c.name}}</h3>
</a>
</div>
<div class='featured-topics'>
{{#if c.topics}}

16
app/assets/stylesheets/desktop/category-list.scss
View File

@ -259,12 +259,6 @@
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: blend-primary-secondary(20%);
> a[href] {
width: 100%;
padding: 1em 1em 0 1em;
color: $primary;
}
}
h3 {
@ -272,8 +266,16 @@
text-align: center;
}
.category-box-heading {
padding: 1em 1em 0.5em 1em;
a[href] {
width: 100%;
color: $primary;
}
}
.featured-topics {
padding: 0 1em 1em 1em;
padding: 0.5em 1em 1em 1em;
ul {
color: blend-primary-secondary(70%);
list-style: none;