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|}} {{#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'> <div class='category-box-inner'>
<a href={{c.url}}> <div class='category-box-heading'>
{{#if c.uploaded_logo.url}} <a href={{c.url}}>
{{cdn-img src=c.uploaded_logo.url class="logo"}} {{#if c.uploaded_logo.url}}
{{/if}} {{cdn-img src=c.uploaded_logo.url class="logo"}}
{{/if}}
<h3>{{c.name}}</h3> <h3>{{c.name}}</h3>
</a> </a>
</div>
<div class='featured-topics'> <div class='featured-topics'>
{{#if c.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-width: 2px 2px 2px 0;
border-style: solid; border-style: solid;
border-color: blend-primary-secondary(20%); border-color: blend-primary-secondary(20%);
> a[href] {
width: 100%;
padding: 1em 1em 0 1em;
color: $primary;
}
} }
h3 { h3 {
@ -272,8 +266,16 @@
text-align: center; text-align: center;
} }
.category-box-heading {
padding: 1em 1em 0.5em 1em;
a[href] {
width: 100%;
color: $primary;
}
}
.featured-topics { .featured-topics {
padding: 0 1em 1em 1em; padding: 0.5em 1em 1em 1em;
ul { ul {
color: blend-primary-secondary(70%); color: blend-primary-secondary(70%);
list-style: none; list-style: none;