From fd1d3fcc95a6fa60f41ab06840045f2d27fbf726 Mon Sep 17 00:00:00 2001 From: Bernard Siebens Date: Sun, 7 Jun 2026 17:13:33 +0200 Subject: [PATCH] Redesign backend layout: dark sidebar + slim topbar MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Moves from a floating-card sidebar to a full-height dark sidebar (bg-neutral) with the club logo at the top and logged-in user pinned to the bottom. The topbar becomes a slim bar containing only the mobile hamburger, notifications, and logout — no duplicate logo. - base.html: DaisyUI drawer with h-screen/overflow-hidden so the sidebar is sticky and the content column scrolls independently. The #content div is now the white card (bg-base-100 rounded-xl) so HTMX innerHTML swaps stay inside it. - member_filter.html: replaces the .action_bar component with a clean flex row (title + Add button) above a plain filter form. Table and mobile card list are unchanged. - styles.css: adds .sidebar-nav scoped overrides for menu link hover/active colours on the dark sidebar; reduces h1.page-title bottom margin from mb-12 to mb-4. Co-Authored-By: Claude Sonnet 4.6 --- templates/base.html | 225 +++++++++++++-------------- templates/members/member_filter.html | 130 +++++++++------- theme/static_src/src/styles.css | 35 ++++- 3 files changed, 213 insertions(+), 177 deletions(-) diff --git a/templates/base.html b/templates/base.html index beef325..0f57627 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,144 +4,127 @@ {% load django_htmx %} + + + + - - - - - + + {% if config.TF_CLUB_NAME != "TeamForge" %}{{ config.TF_CLUB_NAME }} - {% endif %}TeamForge + - - {% if config.TF_CLUB_NAME != "TeamForge" %}{{ config.TF_CLUB_NAME }} - {% endif %}TeamForge - + + - - + + + + - - - - + {% tailwind_css %} + {% htmx_script %} + - {% tailwind_css %} - {% htmx_script %} + - - + h-screen + overflow-hidden on .drawer keeps the viewport fixed. + overflow-y-auto on .drawer-content lets the right column scroll independently. + sticky top-0 on the topbar header keeps it pinned within that scrolling column. + --> +
+ - - - - -
- - - - - + - -
-
- {% include "backend/partials/messages.html" %} - -
- {% block content %} -

Welcome!

-

This is your main content area.

- {% endblock %} + +
+ {% avatar first_name=request.user.first_name last_name=request.user.last_name %} +
+

{{ request.user.get_full_name }}

+

{{ request.user.email }}

-
-
+
+ +
+ - -
-

© {% now "Y" %} TeamForge — All rights reserved.

-
- - - \ No newline at end of file + }); + + + diff --git a/templates/members/member_filter.html b/templates/members/member_filter.html index 2135480..bd89f2f 100644 --- a/templates/members/member_filter.html +++ b/templates/members/member_filter.html @@ -12,13 +12,68 @@ {% include "backend/partials/messages.html" %} {% endif %} -

{% translate "Members" %}

+ +
+

{% translate "Members" %}

-
+
+ {% flag "TF_MASS_UPLOAD" %} + + {% endflag %} + + + + {% translate "Add member" %} + +
+
+ + + + + + +
-
{% translate "Filter" %}{% if filter.is_bound %}active{% endif %}
+
+ + {% translate "Filter" %} + {% if filter.is_bound %} + active + {% endif %} +
-
+ {% for field in filter.form %} {% form_field field show_label=False size="small" %} {% endfor %} @@ -27,9 +82,11 @@ - {% if filter.is_bound %} - + {% translate "Clear" %} {% endif %} @@ -38,41 +95,8 @@
-
- - -
- {% flag "TF_MASS_UPLOAD" %} - - {% endflag %} - - - {% translate "Add member" %} - -
-
- -