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

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

@ -1,5 +1,6 @@
{{#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}}>
<div class='category-box-inner'>
<a href={{c.url}}> <a href={{c.url}}>
<div class='category-box-heading'> <div class='category-box-heading'>
{{#if c.uploaded_logo.url}} {{#if c.uploaded_logo.url}}
@ -19,4 +20,5 @@
</div> </div>
</a> </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 {