From a1ea6869b7f4f1041ec9593a0a2ab44593756b06 Mon Sep 17 00:00:00 2001 From: Steffen Breiler Date: Thu, 27 Nov 2014 22:47:52 +0100 Subject: [PATCH] Fix #4259 (always 100% long bars in IE11) 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. --- views/shared/header/header.jade | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/views/shared/header/header.jade b/views/shared/header/header.jade index ce41538a52..baa61fb1cd 100644 --- a/views/shared/header/header.jade +++ b/views/shared/header/header.jade @@ -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}}