Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Glyph wasn't wrapping properly with long categories

This commit is contained in:
Kris 2018-02-27 17:10:02 -05:00
parent be63b08c36
commit b832c3d885
2 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/assets/javascripts/discourse/templates/components/category-title-link.hbs
View File

@ -1,11 +1,12 @@
{{category-title-before category=category}} {{category-title-before category=category}}
<a class="category-title-link" href={{category.url}}> <a class="category-title-link" href={{category.url}}>
<div class="category-text-title">
{{#if category.read_restricted}} {{#if category.read_restricted}}
{{d-icon 'lock'}} {{d-icon 'lock'}}
{{/if}} {{/if}}
<span class="category-name">{{dir-span category.name}}</span> <span class="category-name">{{dir-span category.name}}</span>
</div>
{{#if category.uploaded_logo.url}} {{#if category.uploaded_logo.url}}
<div>{{cdn-img src=category.uploaded_logo.url class="category-logo"}}</div> <div>{{cdn-img src=category.uploaded_logo.url class="category-logo"}}</div>
{{/if}} {{/if}}

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

@ -1,5 +1,9 @@
.category-list { .category-list {
table-layout: fixed; table-layout: fixed;
.category-text-title {
display: flex;
align-items: baseline;
}
.category-name { .category-name {
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;