nestict/ihrm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] PAYROLL: Fixed styles for the loan progressbar

Browse Source
This commit is contained in:
Horilla
2025-10-08 12:42:10 +05:30
parent b8a5d9cd72
commit e2bcdafb08
1 changed files with 29 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
payroll/templates/cbv/loan/loan_card.html
View File

@@ -1,31 +1,33 @@
{% load i18n %} {% load static %}{% include "filter_tags.html" %}
{% comment %} <style>
.oh-recuritment__progress-bar {
width: 50%;
height: 5px;
border-radius: 15px;
margin: 0.75rem 0;
background-color: hsl(213, 22%, 93%);
position: relative;
}
{% load i18n %}
.oh-progress-bar__state {
background-color: hsl(8, 77%, 56%);
position: absolute;
left: 0px;
height: 5px;
width: 20%;
border-radius: 15px;
}
</style> {% endcomment %}
<style>
.oh-recuritment__progress-bar {
width: 50%;
height: 5px;
border-radius: 15px;
margin: 0.75rem 0;
background-color: hsl(213, 22%, 93%);
position: relative;
}
.oh-progress-bar__state {
background-color: hsl(8, 77%, 56%);
position: absolute;
left: 0px;
height: 5px;
width: 20%;
border-radius: 15px;
}
</style>
<div class="oh-recuritment__progress-bar">
<div class="oh-progress-bar__state"
role="progressbar"
aria-valuemax="100"
style="width:{{ instance.installment_ratio }}%;"
title="{{ installment_paid }} ({% trans 'Installment paid' %}) / {{ total_installments }} ({% trans 'Total installments' %})">
</div>
<div
class="oh-recuritment__progress-bar"
title="{% trans 'Paid' %} {{installment_paid}} {% trans 'out of' %} {{total_installments}} {% trans 'installments' %}"
>
<div
class="oh-progress-bar__state"
role="progressbar"
aria-valuemax="100"
style="width:{{ instance.installment_ratio }}%;"
></div>
</div>