Kai/habitica
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix #4259 (always 100% long bars in IE11)

Browse Source 
Fix issue with IE11 displaying Bars with full length (style: width is ignored) by using ng-style instead of plain style.
Fixes health, level and mana bar.
This commit is contained in:
Steffen Breiler
2014-11-27 22:47:52 +01:00
parent 1c70a5bad5
commit a1ea6869b7
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/shared/header/header.jade
+3 -3
View File
@@ -10,13 +10,13 @@
.meter-label(tooltip=env.t('health'))
span.glyphicon.glyphicon-heart
.meter.health
.bar(style='width: {{Shared.percent(user.stats.hp, 50)}}%;')
.bar(ng-style='{width: Shared.percent(user.stats.hp, 50) + "%" }')
span.meter-text.value
| {{Math.ceil(user.stats.hp)}} / 50
.meter-label(tooltip=env.t('experience'))
span.glyphicon.glyphicon-star
.meter.experience
.bar(style='width: {{Shared.percent(user.stats.exp,Shared.tnl(user.stats.lvl))}}%;')
.bar(ng-style='{width: Shared.percent(user.stats.exp,Shared.tnl(user.stats.lvl)) + "%" };')
span.meter-text.value
span(ng-show='user.history.exp', tooltip=env.t('progress'))
a(ng-click='toggleChart("exp")').glyphicon.glyphicon-signal
@@ -25,7 +25,7 @@
.meter-label(tooltip='Mana', ng-if='user.flags.classSelected && !user.preferences.disableClasses')
span.glyphicon.glyphicon-fire
.meter.mana(ng-if='user.flags.classSelected && !user.preferences.disableClasses')
.bar(style='width: {{user.stats.mp / user._statsComputed.maxMP * 100}}%;')
.bar(ng-style='{width: (user.stats.mp / user._statsComputed.maxMP * 100) + "%" };')
span.meter-text.value
span
| {{Math.floor(user.stats.mp)}} / {{user._statsComputed.maxMP}}