rancher
/
dashboard
mirror of https://github.com/rancher/dashboard.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix line break in % value on percentage bar component

This commit is contained in:
Neil MacDougall 2021-03-31 12:05:50 +01:00
parent fa3fe19385
commit d7878c2fe9
1 changed files with 5 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/PercentageBar.vue
View File

@ -65,7 +65,7 @@ export default {
<template>
<span class="percentage-bar">
<Bar :percentage="value" :primary-color="primaryColor" />
<span v-if="showPercentage" class="ml-5">{{ formattedPercentage }}</span>
<span v-if="showPercentage" class="ml-5 percentage-value">{{ formattedPercentage }}</span>
</span>
</template>
@ -73,5 +73,9 @@ export default {
.percentage-bar {
display: flex;
flex-direction: row;
.percentage-value {
word-break: keep-all;
}
}
</style>