[4.1 Beta 2] Anonymous page: vw-category-label vw-font-awesome font-family rule missing
Spotted an odd quirk on my offline test site after copying over the changed files in Beta 2 b002. On anonymous pages, the category FA icon at the bottom of a page renders as a square.
Here is what the HTML looks like:
Code:
<span class="vw-block-box-label vw-category-label">
<span class="vw-font-awesome vw-icon-fas"></span>
<a href="path/to/Special:Categories" title="Special:Categories" rel="nofollow">Categories</a>:
</span>
According to the browser inspector, there is no rules specified for the In the browser
.vw-font-awesome class. On an Area main page, the HTML structure above is identical and the category FA icon is correctly configured in CSS for the Font Awesome 5 font family:
Code:
.vw-font-awesome {
font-family: 'Font Awesome 5 Pro';
}
The pencil 'edit' FA icon further to the right is not affected and is shown in both of the above anonymous page and area page scenarios. In the
vw_category_box template, this pencil is defined with the FA
documented <i class="fa fa-pencil"></i> approach. Changing the sitemap icon to the same method seems fine across anonymous and area pages (in my limited testing), e.g.
<i class="fa fa-sitemap" aria-hidden="true"></i>.