Skip to content
GitLab
Menu
Projects
Groups
Snippets
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
scc-net
netvs
netvs-core
Commits
ec9b3164
Commit
ec9b3164
authored
Feb 03, 2021
by
gj4210
👽
Browse files
FIX: Progressbar labels now centered & black (closes
#165
)
parent
2c86e70e
Pipeline
#131968
passed with stages
in 4 minutes and 30 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
frontend/src/components/BCDList.vue
View file @
ec9b3164
...
...
@@ -21,13 +21,13 @@
<
template
v-slot:cell(usage)=
"data"
>
<div
v-for=
"subnet in bcd2subnets[data.item.name]"
: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
"
v-if=
"isIPv4(subnet.cidr)"
show-progress
:max=
"IPAddressCount(subnet.cidr)"
>
:max=
"IPAddressCount(subnet.cidr)"
>
<b-progress-bar
:label=
"usagePercentage(subnet) +'%'"
:variant=
"progressVariant(usagePercentage(subnet))"
:value=
"subnet.dns_addr_rr_count"
></b-progress-bar>
:value=
"subnet.dns_addr_rr_count"
/>
<div
class=
"better-progress-label"
>
{{
usagePercentage
(
subnet
)
+
'
%
'
}}
</div>
</b-progress>
<p
v-else
class=
"text-center"
><i>
N/A
</i></p>
</div>
...
...
@@ -227,4 +227,13 @@ export default {
</
script
>
<
style
scoped
>
.better-progress-label
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
100%
;
height
:
100%
;
text-align
:
center
;
line-height
:
1.5rem
;
}
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment