IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 18:30:26 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Indent category badges to indicate sub-categories.

Browse Source
This commit is contained in:
Guo Xiang Tan 2019-03-25 10:35:42 +08:00
parent b8bd031648
commit ce75e30bf5
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/javascripts/discourse/templates/modal/reorder-categories.hbs
View File

@ -2,16 +2,19 @@
<div id="rc-scroll-anchor"></div>
<table>
<thead>
<th class="th-pos">{{i18n "categories.reorder.position"}}</th>
<th class="th-cat">{{i18n "categories.category"}}</th>
<th class="th-pos">{{i18n "categories.reorder.position"}}</th>
</thead>
<tbody>
{{#each categoriesOrdered as |cat|}}
<tr data-category-id="{{cat.id}}">
<td>
{{#if cat.parent_category_id}}
&nbsp;&nbsp;&nbsp;&nbsp;
{{/if}}
<div class={{if cat.parent_category_id 'reorder-categories-sub-cat' ''}}>
{{category-badge cat allowUncategorized="true"}}
</div>
</td>
<td>
{{number-field number=(readonly cat.position) change=(action 'change' cat)}}
{{d-button class="btn-default no-text" action=(action "moveUp") actionParam=cat icon="arrow-up"}}
{{d-button class="btn-default no-text" action=(action "moveDown") actionParam=cat icon="arrow-down"}}
@ -19,7 +22,6 @@
{{d-button class="no-text ok" action=(action "commit") icon="check"}}
{{/if}}
</td>
<td>{{category-badge cat allowUncategorized="true"}}</td>
</tr>
{{/each}}
</tbody>

4
app/assets/stylesheets/common/base/cat_reorder.scss
View File

@ -27,3 +27,7 @@
}
}
}
.reorder-categories-sub-cat {
margin-left: 20px;
}