Discource-C/discourse
1
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-16 16:24:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

add category colour to left side of box style

Browse Source
This commit is contained in:
Neil Lalonde 2017-03-27 14:40:59 -04:00
parent 899a747e68
commit 20400cb33f
2 changed files with 30 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
app/assets/javascripts/discourse/templates/components/categories-boxes.hbs
View File

@ -1,22 +1,24 @@
{{#each categories as |c|}}
<div class='category-box category-box-{{unbound c.slug}}'>
<a href={{c.url}}>
<div class='category-box-heading'>
{{#if c.uploaded_logo.url}}
{{cdn-img src=c.uploaded_logo.url class="logo"}}
{{/if}}
<h3>
{{#if c.read_restricted}}
{{fa-icon 'lock'}}
<div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}}>
<div class='category-box-inner'>
<a href={{c.url}}>
<div class='category-box-heading'>
{{#if c.uploaded_logo.url}}
{{cdn-img src=c.uploaded_logo.url class="logo"}}
{{/if}}
{{c.name}}
</h3>
</div>
<div class='description'>
{{{text-overflow class="overflow" text=c.description_excerpt}}}
</div>
</a>
<h3>
{{#if c.read_restricted}}
{{fa-icon 'lock'}}
{{/if}}
{{c.name}}
</h3>
</div>
<div class='description'>
{{{text-overflow class="overflow" text=c.description_excerpt}}}
</div>
</a>
</div>
</div>
{{/each}}

22
app/assets/stylesheets/common/base/category-list.scss
View File

@ -12,7 +12,9 @@
align-content: flex-start;
box-sizing: border-box;
border: 2px solid blend-primary-secondary(20%);
border-width: 0 0 0 6px;
border-style: solid;
border-color: blend-primary-secondary(20%);
.mobile-view & {
width: 100%;
@ -29,6 +31,14 @@
}
}
.category-box-inner {
width: 100%;
padding: 0;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: blend-primary-secondary(20%);
}
&.no-logos {
.logo {
display: none;
@ -83,16 +93,6 @@
width: 31%;
margin: 0 1% 1.5em 1%;
padding: 0;
border-width: 0 0 0 6px;
border-style: solid;
border-color: blend-primary-secondary(20%);
}
.category-box-inner {
width: 100%;
padding: 0;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: blend-primary-secondary(20%);
}
h3 {