osr-plastic/osr-discourse-src
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change box category view to use flexbox

Browse Source
This commit is contained in:
Jeff Wong
2018-10-17 15:36:25 -07:00
parent b9261588f9
commit ec2613699f
2 changed files with 38 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/javascripts/discourse/templates/components/categories-boxes.hbs
+27 -24
View File
@@ -1,35 +1,38 @@
{{#each categories as |c|}}
<div class='category-box category-box-{{unbound c.slug}}' style={{border-color c.color}} data-url={{c.url}}>
<div class='category-box-inner'>
<div class='category-box-heading'>
<div class="category-logo">
{{#if c.uploaded_logo.url}}
{{cdn-img src=c.uploaded_logo.url class="logo"}}
{{/if}}
<h3>
{{#if c.read_restricted}}
{{d-icon 'lock'}}
{{/if}}
{{c.name}}
</h3>
</div>
<div class='description'>
{{{text-overflow class="overflow" text=c.description_excerpt}}}
</div>
{{#if c.subcategories}}
<div class='subcategories'>
{{#each c.subcategories as |sc|}}
<a class="subcategory" href={{sc.url}}>
<span class="subcategory-image-placeholder">
{{cdn-img src=sc.uploaded_logo.url class="logo"}}
</span>
<span class="subcategory-link">{{sc.name}}</span>
</a>
{{/each}}
<div class="category-details">
<div class='category-box-heading'>
<h3>
{{#if c.read_restricted}}
{{d-icon 'lock'}}
{{/if}}
{{c.name}}
</h3>
</div>
{{/if}}
<div class='description'>
{{{text-overflow class="overflow" text=c.description_excerpt}}}
</div>
{{#if c.subcategories}}
<div class='subcategories'>
{{#each c.subcategories as |sc|}}
<a class="subcategory" href={{sc.url}}>
<span class="subcategory-image-placeholder">
{{cdn-img src=sc.uploaded_logo.url class="logo"}}
</span>
<span class="subcategory-link">{{sc.name}}</span>
</a>
{{/each}}
</div>
{{/if}}
</div>
</div>
</div>
{{/each}}