Files
RosterChief/management/templates/management/_generic_list.html
Bernard Siebens 86ea8d1b15 Fix trapped scrollbars app-wide, keep the week calendar as its own scroll
Several overflow-x-auto wrappers (table cards, a text preview) got an
accidental *vertical* scrollbar too -- per the CSS overflow spec, setting
only overflow-x to a non-visible value forces the other axis to compute as
auto if left unset, so any of these taller than the viewport were trapped
scrolling independently of the page (Safari showed it plainly; other
browsers hid it more subtly). Fixed everywhere with overflow-y-visible,
except the week calendar.

The week grid genuinely needs to stay its own bounded, contained scroll:
it always spans the full 24h day (never clipped, by design), so folding it
into the page's own scroll would mean scrolling past a screenful of empty
early hours most weeks. Instead it's capped to 70vh with a real
overflow-y-auto, and a small script scrolls it to just before the week's
first event on load (events.services.calendar.week_grid now reports
first_event_hour) -- no more landing on an empty view by default.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
2026-08-22 19:13:28 +02:00

37 lines
1.3 KiB
HTML

{% extends "management/base.html" %}
{% load i18n lucide %}
{% comment %}
Shared placeholder for every entity that doesn't have its own list template yet
(see management.views.StubListMixin) -- a plain one-column table of __str__, just
enough to prove the query scoping and permission gate work. Not meant to stay this
bare once each section gets its own page.
{% endcomment %}
{% block heading %}{{ page_title }}{% endblock heading %}
{% block panel %}
<div class="alert alert-info">
{% lucide "construction" size=18 %}
<span>{% trans "This section is still being built. For now it only lists what's on file." %}</span>
</div>
<div class="card overflow-hidden">
<div class="overflow-x-auto overflow-y-visible">
<table class="table">
<tbody>
{% for object in object_list %}
<tr>
<td>{{ object }}</td>
</tr>
{% empty %}
<tr>
<td class="text-center text-muted">{% trans "Nothing here yet." %}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
{% endblock panel %}