Commit ec9b3164 authored by gj4210's avatar gj4210 👽
Browse files

FIX: Progressbar labels now centered & black (closes #165)

parent 2c86e70e
Pipeline #131968 passed with stages
in 4 minutes and 30 seconds
......@@ -21,13 +21,13 @@
<template v-slot:cell(usage)="data">
<div v-for="subnet in bcd2subnets[]"
:key="subnet.cidr" class="same-height">
<b-progress style="height: 1.5rem; margin-bottom: 1rem;"
<b-progress style="height: 1.5rem; margin-bottom: 1rem; position: relative"
show-progress :max="IPAddressCount(subnet.cidr)">
:label="usagePercentage(subnet) +'%'"
<div class="better-progress-label">{{ usagePercentage(subnet) +'%' }}</div>
<p v-else class="text-center"><i>N/A</i></p>
......@@ -227,4 +227,13 @@ export default {
<style scoped>
.better-progress-label {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
line-height: 1.5rem;
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment