Skip to content

Conversation

@federicobond
Copy link
Member

@federicobond federicobond commented Nov 21, 2025

Description

Hi! This is an initial attempt to give some of the toolbar panels a more modern and polished look, taking inspiration from the Django Admin styles.

I’m aware of the discussion in #2238 regarding a full redesign. This PR does not intend to compete or take over that effort. Rather, it’s a starting point to explore potential design directions with community feedback and potentially serve as a bridge before a full redesign is released. I may follow up with separate pull requests for individual improvements derived from this work.

Summary of changes

  1. Updated basic table and button styles
  2. Updated color palette for timeline spans
  3. Place template list in a table
  4. Make cache command and sql query rows clickable to open stacktrace details (replaces, tiny [+] button)
  5. Update stacktrace display

Captura de pantalla 2025-11-21 a la(s) 1 44 00 p  m
Captura de pantalla 2025-11-21 a la(s) 1 44 11 p  m
Captura de pantalla 2025-11-21 a la(s) 1 54 22 p  m
Captura de pantalla 2025-11-21 a la(s) 1 44 22 p  m
Captura de pantalla 2025-11-21 a la(s) 8 51 31 p  m
Captura de pantalla 2025-11-21 a la(s) 3 40 42 p  m

Checklist:

  • I have added the relevant tests for this change.
  • I have added an item to the Pending section of docs/changes.rst.

@federicobond federicobond force-pushed the update-styles branch 2 times, most recently from 3f30dd2 to 519259f Compare November 21, 2025 04:27
@tim-schilling
Copy link
Member

This is great! Thank you so much.

  • I'm not sold that showing the data on the requests in the history panel by default is an improvement. If there are 10 things on the request (typical for an admin view with inlines) it's going to be difficult to track.
  • Let's make the border of the black buttons on the dark theme have a higher contrast. It's too subtle and people may miss that it's a button.
  • The context processors section of the templates panel doesn't seem to have any border or background color change.
  • It's not obvious there's something to click on the cache rows to show the stack trace. Previously there was the plus button, but that's been removed so now you need to notice the icon change which isn't helpful to users who don't use the mouse.

We don't have any solid leads on a designer for the redesign effort, so I think we're good to merge something like this in.

@federicobond
Copy link
Member Author

Thank you for the feedback! And sorry to hear you did not find any solid leads on a designer, I was looking forward to that.

Right now this branch is mostly a bunch of experiments, some incomplete, some broken, but what I can do is extract some of the changes that seem to work well and open separate pull requests for them. Does that sound right? That way a missing consensus on some parts does not block the whole effort (and it's also much easier to review).

@federicobond
Copy link
Member Author

As an aside, I think moving toward shadow DOM rendering could make future design improvements much easier. It removes the need for overly defensive styling (such as prefixing/scoping everything) to avoid interference from the host page’s styles, and even with those measures, complete isolation isn’t always possible.

@tim-schilling
Copy link
Member

Right now this branch is mostly a bunch of experiments, some incomplete, some broken, but what I can do is extract some of the changes that seem to work well and open separate pull requests for them. Does that sound right? That way a missing consensus on some parts does not block the whole effort (and it's also much easier to review).

I think that's probably best. If that's a problem I can make this one large PR work since it's mainly template and CSS code that's changing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants