reducing spaces in sidebar

This commit is contained in:
Flatlogic Bot 2026-02-07 13:51:34 +00:00
parent 6298063c20
commit 37d8922069
2 changed files with 16 additions and 15 deletions

View File

@ -52,7 +52,7 @@
{% with url_name=request.resolver_match.url_name path=request.path %} {% with url_name=request.resolver_match.url_name path=request.path %}
<!-- Sales Group --> <!-- Sales Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#salesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'pos' or url_name == 'invoice_create' or url_name == 'invoices' or url_name == 'invoice_detail' or url_name == 'quotations' or url_name == 'quotation_create' or url_name == 'quotation_detail' or 'sales/returns' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#salesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'pos' or url_name == 'invoice_create' or url_name == 'invoices' or url_name == 'invoice_detail' or url_name == 'quotations' or url_name == 'quotation_create' or url_name == 'quotation_detail' or 'sales/returns' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Sales" %}</span> <span>{% trans "Sales" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -87,7 +87,7 @@
</li> </li>
<!-- Purchases Group --> <!-- Purchases Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#purchasesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'purchases' or url_name == 'purchase_create' or url_name == 'purchase_detail' or url_name == 'supplier_payments' or 'purchases/returns' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#purchasesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'purchases' or url_name == 'purchase_create' or url_name == 'purchase_detail' or url_name == 'supplier_payments' or 'purchases/returns' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Purchases" %}</span> <span>{% trans "Purchases" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -122,7 +122,7 @@
</li> </li>
<!-- Inventory Group --> <!-- Inventory Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#inventorySubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'inventory' or url_name == 'barcode_labels' or url_name == 'reports' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#inventorySubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'inventory' or url_name == 'barcode_labels' or url_name == 'reports' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Inventory" %}</span> <span>{% trans "Inventory" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -143,7 +143,7 @@
</li> </li>
<!-- Expenses Group --> <!-- Expenses Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#expensesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'expenses' or url_name == 'expense_categories' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#expensesSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'expenses' or url_name == 'expense_categories' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Expenses" %}</span> <span>{% trans "Expenses" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -163,7 +163,7 @@
</li> </li>
<!-- Contacts Group --> <!-- Contacts Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#contactsSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'customers' or url_name == 'suppliers' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#contactsSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'customers' or url_name == 'suppliers' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Contacts" %}</span> <span>{% trans "Contacts" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -185,7 +185,7 @@
{% if user.is_superuser or user.is_staff %} {% if user.is_superuser or user.is_staff %}
<!-- Accounting Group --> <!-- Accounting Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#accountingSubmenu" data-bs-toggle="collapse" aria-expanded="{% if 'accounting' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#accountingSubmenu" data-bs-toggle="collapse" aria-expanded="{% if 'accounting' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Accounting" %}</span> <span>{% trans "Accounting" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -225,7 +225,7 @@
</li> </li>
<!-- HR Group --> <!-- HR Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#hrSubmenu" data-bs-toggle="collapse" aria-expanded="{% if 'hr/' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#hrSubmenu" data-bs-toggle="collapse" aria-expanded="{% if 'hr/' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Human Resources" %}</span> <span>{% trans "Human Resources" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -265,7 +265,7 @@
</li> </li>
<!-- Reports Group --> <!-- Reports Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#reportsSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'reports' or url_name == 'customer_statement' or url_name == 'supplier_statement' or url_name == 'cashflow_report' or url_name == 'expense_report' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#reportsSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'reports' or url_name == 'customer_statement' or url_name == 'supplier_statement' or url_name == 'cashflow_report' or url_name == 'expense_report' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Reports" %}</span> <span>{% trans "Reports" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -300,7 +300,7 @@
</li> </li>
<!-- System Group --> <!-- System Group -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#systemSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'settings' or url_name == 'user_management' or url_name == 'cashier_registry' or '/admin/' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#systemSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'settings' or url_name == 'user_management' or url_name == 'cashier_registry' or '/admin/' in path %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "System" %}</span> <span>{% trans "System" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>
@ -336,7 +336,7 @@
{% endif %} {% endif %}
<!-- Account Group (Visible to all) --> <!-- Account Group (Visible to all) -->
<li class="sidebar-group-header mt-2"> <li class="sidebar-group-header mt-1">
<a href="#accountSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'profile' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom"> <a href="#accountSubmenu" data-bs-toggle="collapse" aria-expanded="{% if url_name == 'profile' %}true{% else %}false{% endif %}" class="dropdown-toggle-custom">
<span>{% trans "Account" %}</span> <span>{% trans "Account" %}</span>
<i class="bi bi-chevron-down chevron"></i> <i class="bi bi-chevron-down chevron"></i>

View File

@ -57,6 +57,7 @@ body {
position: sticky; position: sticky;
top: 0; top: 0;
height: 100vh; height: 100vh;
overflow-y: auto;
} }
#sidebar.active { #sidebar.active {
@ -64,16 +65,16 @@ body {
} }
#sidebar .sidebar-header { #sidebar .sidebar-header {
padding: 20px; padding: 15px 20px;
background: var(--meezan-sidebar-bg); background: var(--meezan-sidebar-bg);
} }
#sidebar ul.components { #sidebar ul.components {
padding: 20px 0; padding: 10px 0;
} }
#sidebar ul li a { #sidebar ul li a {
padding: 12px 25px; padding: 8px 25px;
font-size: 1rem; font-size: 1rem;
display: flex; display: flex;
align-items: center; align-items: center;
@ -103,7 +104,7 @@ body {
/* Collapsible Sidebar Styles */ /* Collapsible Sidebar Styles */
#sidebar ul.components li.sidebar-group-header > a { #sidebar ul.components li.sidebar-group-header > a {
padding: 12px 25px; padding: 8px 25px;
font-size: 0.85rem; font-size: 0.85rem;
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 700;
@ -306,4 +307,4 @@ body {
#productGrid .col { #productGrid .col {
width: 100% !important; width: 100% !important;
} }
} }