Add option to make active list filters more visible

[merwok]

Fixes #174

[merwok]

Active filter headings are now bold, and selected values use module colours (default style) or bold too (dropdown style):

[codecov]

Codecov Report

Base: 98.13% // Head: 98.16% // Increases project coverage by +0.02% 🎉

Coverage data is based on head (d0b3d7e) compared to base (04df53e).
Patch coverage: 100.00% of modified lines in pull request are covered.

Additional details and impacted files

@@            Coverage Diff             @@
##           master     #178      +/-   ##
==========================================
+ Coverage   98.13%   98.16%   +0.02%     
==========================================
  Files          34       35       +1     
  Lines         376      381       +5     
==========================================
+ Hits          369      374       +5     
  Misses          7        7              

Flag	Coverage Δ
unittests	98.16% <100.00%> (+0.02%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...ace/migrations/0026_theme_list_filter_highlight.py	100.00% <100.00%> (ø)
admin_interface/models.py	100.00% <100.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

[fabiocaccamo]

@merwok thank your very much also for this PR, very cool and useful!

Do you still need to work on this PR or I can merge it?

[merwok]

The PR contains item A from the discussion, I will add item C too!

I also wanted feedback about the styles from you and from my client who’s funding this work 🙂

[fabiocaccamo]

I also wanted feedback about the styles from you and from my client who’s funding this work

My personal feedback on style:

• I think the padding between the selected option and the list filter container should be the same on left and right.

• If there is horizontal space between the selected option and the container, consider rounding border radius of the selected option using the css variable.

• On the left of the selected item, a very soft grey marker is still visible, when list filter highlight is enabled it should be hidden or of the same color of the selected option.

---

I'm glad for you that your client is funding this work!
As you can see this project is widely used, but unfortunately it has few contributors and no sponsors at all.

[fabiocaccamo]

The PR contains item A from the discussion, I will add item C too!

I think now that item A and C are two different features and probably it's better to have the possibility to enable them separately, do you agree?

[merwok]

it's better to have the possibility to enable them separately

I was already planning to have two different settings, and we can also have two PRs.

[merwok]

Thanks for the feedback! I will try to apply it after a weekend, unless you want to do it quickly and add commits to this branch.

[fabiocaccamo]

No hurry, have a nice weekend!

[fabiocaccamo]

@merwok maybe we could start to merge this PR?

[merwok]

I think the CSS tweaks need to be addressed!

[fabiocaccamo]

@merwok I agree, I wait for the CSS changes.

[merwok]

I have applied changes for the three points:

For this one:

If there is horizontal space between the selected option and the container,

I’m not sure what you mean by that, so I just added a border radius unconditionally (if the highlight option is enabled).

[fabiocaccamo]

I looks perfect to me!
I noticed only now that I reviewed the PR while it was still in draft, sorry.

---

I’m not sure what you mean by that, so I just added a border radius unconditionally (if the highlight option is enabled).

I meant this padding: