From 644eaf485001b98f75938f06bc9aef126c4c15a0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ciar=C3=A1n=20Ainsworth?= <ciaranainsworth@posteo.net>
Date: Fri, 23 Aug 2019 14:36:50 +0200
Subject: [PATCH] Resolve "Cosmetic regression on ratio in library page"

---
 changes/changelog.d/897.bugfix              | 1 +
 front/src/views/content/libraries/Quota.vue | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/897.bugfix

diff --git a/changes/changelog.d/897.bugfix b/changes/changelog.d/897.bugfix
new file mode 100644
index 000000000..8101cda4c
--- /dev/null
+++ b/changes/changelog.d/897.bugfix
@@ -0,0 +1 @@
+Fix regression to quota bar color (#897)
\ No newline at end of file
diff --git a/front/src/views/content/libraries/Quota.vue b/front/src/views/content/libraries/Quota.vue
index 687a825cf..f043b54b6 100644
--- a/front/src/views/content/libraries/Quota.vue
+++ b/front/src/views/content/libraries/Quota.vue
@@ -4,7 +4,7 @@
     <div v-if="isLoading" :class="['ui', {'active': isLoading}, 'inverted', 'dimmer']">
       <div class="ui text loader"><translate translate-context="Content/Library/Paragraph">Loading usage data…</translate></div>
     </div>
-    <div :class="['ui', {'success': progress < 60}, {'yellow': progress >= 60 && progress < 96}, {'error': progress >= 95}, 'progress']">
+    <div :class="['ui', {'success': progress < 60}, {'yellow': progress >= 60 && progress < 96}, {'error': progress >= 95}, 'progress']" data-percent=progress>
       <div class="bar" :style="{width: `${progress}%`}">
         <div class="progress">{{ progress }}%</div>
       </div>
@@ -154,4 +154,4 @@ export default {
     }
   }
 }
-</script>
+</script>
\ No newline at end of file