Added complete class to progress.

DestinyItemManager · Mar 8, 2016 · 97f6d77 · 97f6d77
1 parent cf21421
commit 97f6d77
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/app/scripts/store/dimStoreHeading.directive.js b/app/scripts/store/dimStoreHeading.directive.js
@@ -35,13 +35,13 @@
         '<div class="stats" ng-if="vm.isGuardian">',
         '  <div class="stat" title="{{vm.formatTooltip(\'STAT_INTELLECT\')}}">',
         '    <img src="images/intellect.png" /><div class="bar" ng-repeat="n in vm.store.stats.STAT_INTELLECT.tiers track by $index">',
-        '      <div class="progress" style="width:{{n/60*100}}%"></div></div></div>',
+        '      <div class="progress" ng-class="{ \'complete\': (n / 60) === 1 }" style="width:{{n/60*100}}%"></div></div></div>',
         '  <div class="stat" title="{{vm.formatTooltip(\'STAT_DISCIPLINE\')}}">',
         '    <img src="images/discipline.png" /><div class="bar" ng-repeat="n in vm.store.stats.STAT_DISCIPLINE.tiers track by $index">',
-        '      <div class="progress" style="width:{{n/60*100}}%"></div></div></div>',
+        '      <div class="progress" ng-class="{ \'complete\': (n / 60) === 1 }" style="width:{{n/60*100}}%"></div></div></div>',
         '  <div class="stat" title="{{vm.formatTooltip(\'STAT_STRENGTH\')}}">',
         '    <img src="images/strength.png" /><div class="bar" ng-repeat="n in vm.store.stats.STAT_STRENGTH.tiers track by $index">',
-        '      <div class="progress" style="width:{{n/60*100}}%"></div></div></div>',
+        '      <div class="progress" ng-class="{ \'complete\': (n / 60) === 1 }" style="width:{{n/60*100}}%"></div></div></div>',
         '</div>'
       ].join('')
     };

diff --git a/app/styles/main.css b/app/styles/main.css
@@ -826,6 +826,10 @@ img.void {
 .character .stats .stat .bar .progress {
   height: 100%;
   background-color: white;
+  /*transition: all .250s ease-out;*/
+}
+.character .stats .stat .bar .progress.complete {
+  background-color: #FB9F28;
 }
 .character .stats .stat img {
   height: 16px;
@@ -1917,5 +1921,3 @@ button.toast-close-button {
   color: #FFFFFF;
   text-shadow: 1px 1px #000;
 }
-
-