ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor navbar styles and improve dropdown accessibility for better mobile usability

Browse Source
This commit is contained in:
Ross
2025-12-08 12:12:00 +00:00
parent 4ab2e3a15e
commit f156f4c85e
1 changed files with 173 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/base.html
+10 -7
View File
@@ -112,7 +112,7 @@
} }
/* Improve navbar tap targets and mobile dropdown behaviour */ /* Improve navbar tap targets and mobile dropdown behaviour */
@media (max-width: 991.98px) { @media (max-width: 991.98px) {
/* Make navbar links larger and easier to tap */ /* Make navbar links larger and easier to tap */
.navbar-nav .nav-link { .navbar-nav .nav-link {
padding: .75rem 1rem; padding: .75rem 1rem;
@@ -179,7 +179,7 @@
/* Make form controls and buttons a bit larger for touch */ /* Make form controls and buttons a bit larger for touch */
.form-control, .btn { font-size: 1rem; padding: .6rem .75rem; } .form-control, .btn { font-size: 1rem; padding: .6rem .75rem; }
} }
</style> </style>
{% block css %} {% block css %}
@@ -224,7 +224,10 @@
<a class="dropdown-item" href="{% url 'sbas:index' %}">SBAs</a> <a class="dropdown-item" href="{% url 'sbas:index' %}">SBAs</a>
</li> </li>
<li> <li>
<a class="dropdown-item" href="{% url 'generic:examcollection_list' %}">Exam Collection</a> <a class="dropdown-item d-flex justify-content-between align-items-center" href="{% url 'generic:examcollection_list' %}">
<span><i class="bi bi-collection me-1" aria-hidden="true"></i> Exam Collections</span>
<span class="badge bg-secondary ms-2">Manage</span>
</a>
</li> </li>
</ul> </ul>
</li> </li>
@@ -313,8 +316,8 @@
}); });
</script> </script>
<script> <script>
document.addEventListener('DOMContentLoaded', function() { document.addEventListener('DOMContentLoaded', function() {
// Wire up all row-selection control blocks to the nearest .js-row-selectable table. // Wire up all row-selection control blocks to the nearest .js-row-selectable table.
function findTableForControl(elem) { function findTableForControl(elem) {
// Walk up ancestors and look for a table that either has the // Walk up ancestors and look for a table that either has the
@@ -479,8 +482,8 @@ document.addEventListener('DOMContentLoaded', function() {
// initial count // initial count
updateSelectedCount(); updateSelectedCount();
}); });
}); });
</script> </script>
</body> </body>