moparisthebest
/
mail
mirror of https://github.com/moparisthebest/mail
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix missing icons in nav due to chrome bug with <use> and angular directives

This commit is contained in:
Mario Volke 2014-12-03 12:52:10 +01:00
parent b5e305534e
commit 5ac7955721
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/tpl/nav.html
View File

@ -8,13 +8,23 @@
<li ng-repeat="folder in account.folders" ng-if="folder.wellknown" ng-hide="folder.type === 'Outbox' && folder.count < 1"
class="nav__folder" ng-class="{'nav__folder--open': state.nav.currentFolder === folder}">
<a href="#" wo-touch="$event.preventDefault(); openFolder(folder)">
<svg role="presentation">
<use ng-if="folder.type === 'Inbox'" xlink:href="#icon-inbox" />
<use ng-if="folder.type === 'Sent'" xlink:href="#icon-sent" />
<use ng-if="folder.type === 'Outbox'" xlink:href="#icon-outbox" />
<use ng-if="folder.type === 'Drafts'" xlink:href="#icon-draft" />
<use ng-if="folder.type === 'Trash'" xlink:href="#icon-delete" />
<use ng-if="folder.type === 'Flagged'" xlink:href="#icon-star" />
<svg ng-if="folder.type === 'Inbox'" role="presentation">
<use xlink:href="#icon-inbox" />
</svg>
<svg ng-if="folder.type === 'Sent'" role="presentation">
<use xlink:href="#icon-sent" />
</svg>
<svg ng-if="folder.type === 'Outbox'" role="presentation">
<use xlink:href="#icon-outbox" />
</svg>
<svg ng-if="folder.type === 'Drafts'" role="presentation">
<use xlink:href="#icon-draft" />
</svg>
<svg ng-if="folder.type === 'Trash'" role="presentation">
<use xlink:href="#icon-delete" />
</svg>
<svg ng-if="folder.type === 'Flagged'" role="presentation">
<use xlink:href="#icon-star" />
</svg>
{{folder.type}}
<span ng-show="folder.count > 0" class="nav__counter">{{folder.count}}</span>