[#2093] Upgrade django admin index

[pi-sigma]

Taiga: #2093

Related: recent switch to maykin-2fa (#1003)

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (f62132f) 94.83% compared to head (31c5d0a) 94.83%.
Report is 3 commits behind head on develop.

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #1014   +/-   ##
========================================
  Coverage    94.83%   94.83%           
========================================
  Files          880      882    +2     
  Lines        30704    30713    +9     
========================================
+ Hits         29119    29128    +9     
  Misses        1585     1585           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[jiromaykin]

👍 I like this more! No more bad responsiveness and a clearer difference in hover colors.

It does still show the same jQuery error in console sometimes where it cannot find 'Django/django is not defined' but I guess that's still part of the package, so prob. no need to do anything there.

Just one small thing that is annoying on mobile: is how #changelist-filter completely covers the other content (because the surrounding #changelist is display:grid on mobile) - you can see this on http://localhost:8000/admin/openzaak/zaaktypeconfig/ and for small screens just set it to display block.

I can't remember where but I saw some pages were checking to see if they could fin the #scroll-anchor/"style display" and shows a console error; which may be solved by adding a condition such as if (mybutton) {...) around the function in src/open_inwoner/js/components/anchor-menu/scroll_to_top.js

[pi-sigma]

@jiromaykin e2e tests are still failing but we need to move forward. Thanks for your suggestions, they're implemented!

[jiromaykin]

A tiny change needed, IF I am not the only one seeing this :-)

[jiromaykin]

Not sure if this is the culprit here - but I see an odd border on the bottom here that makes the header/menu jump out strangley.
Do you also see this? I've added the inspector: if you toggle the border off, it looks normal.

Clearer view on left-side only (but it's also happening on the right-hand side):

[pi-sigma]

Good catch! I removed the border.

[jiromaykin]

I like it.