IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06: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|}} {{#each categories as |c|}}
<div class='category-box category-box-{{unbound c.slug}}'> <div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}}>
<a href={{c.url}}> <div class='category-box-inner'>
<div class='category-box-heading'> <a href={{c.url}}>
{{#if c.uploaded_logo.url}} <div class='category-box-heading'>
{{cdn-img src=c.uploaded_logo.url class="logo"}} {{#if c.uploaded_logo.url}}
{{/if}} {{cdn-img src=c.uploaded_logo.url class="logo"}}
<h3>
{{#if c.read_restricted}}
{{fa-icon 'lock'}}
{{/if}} {{/if}}
{{c.name}}
</h3>
</div>
<div class='description'> <h3>
{{{text-overflow class="overflow" text=c.description_excerpt}}} {{#if c.read_restricted}}
</div> {{fa-icon 'lock'}}
</a> {{/if}}
{{c.name}}
</h3>
</div>
<div class='description'>
{{{text-overflow class="overflow" text=c.description_excerpt}}}
</div>
</a>
</div>
</div> </div>
{{/each}} {{/each}}

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

@ -12,7 +12,9 @@
align-content: flex-start; align-content: flex-start;
box-sizing: border-box; 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 & { .mobile-view & {
width: 100%; 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 { &.no-logos {
.logo { .logo {
display: none; display: none;
@ -83,16 +93,6 @@
width: 31%; width: 31%;
margin: 0 1% 1.5em 1%; margin: 0 1% 1.5em 1%;
padding: 0; 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 { h3 {