UX: preload muted categories list to prevent rendering delay.
This commit is contained in:
parent
ee366f7ac7
commit
f3154e783f
|
@ -26,8 +26,7 @@
|
|||
{{d-icon mutedToggleIcon}}
|
||||
{{/if}}
|
||||
</a>
|
||||
{{#if showMutedCategories}}
|
||||
<table class="category-list {{if showTopics "with-topics"}}">
|
||||
<table class="category-list {{if showTopics "with-topics"}} {{unless showMutedCategories "hidden"}}">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="category"><span aria-role="heading" aria-level="2" id="categories-only-category">{{i18n "categories.category"}}</span></th>
|
||||
|
@ -43,7 +42,6 @@
|
|||
{{/each}}
|
||||
</tbody>
|
||||
</table>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
@ -15,13 +15,11 @@
|
|||
{{d-icon mutedToggleIcon}}
|
||||
{{/if}}
|
||||
</a>
|
||||
{{#if showMutedCategories}}
|
||||
<div class="category-list {{if showTopics "with-topics"}}">
|
||||
<div class="category-list {{if showTopics "with-topics"}} {{unless showMutedCategories "hidden"}}">
|
||||
{{#each mutedCategories as |c|}}
|
||||
{{parent-category-row category=c showTopics=showTopics listType="muted"}}
|
||||
{{/each}}
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
@ -18,6 +18,9 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
&.hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.category-boxes,
|
||||
|
@ -352,7 +355,7 @@
|
|||
padding: 0.75em;
|
||||
border-left-width: 6px;
|
||||
border-right: none 0;
|
||||
margin: 0 0 1em -3px;
|
||||
margin-left: -3px;
|
||||
|
||||
.d-icon {
|
||||
color: var(--primary-medium);
|
||||
|
|
Loading…
Reference in New Issue