[WIP] Work In Progress - CSS refactoring

[danielweck]

fixes #410
Fixes #1196

[danielweck]

@ThibaultENT could you please fix the linting errors:

https://github.com/edrlab/thorium-reader/pull/1571/checks?check_run_id=3868774634

src/renderer/library/components/catalog/AboutThoriumButton.tsx
    58:28 ❌ unexpected trailing whitespace
                                            (EditorConfig trim_trailing_whitespace https://goo.gl/oo8iVb)
src/renderer/library/components/catalog/PublicationAddButton.tsx
    43:19 ❌ unexpected trailing whitespace
                                            (EditorConfig trim_trailing_whitespace https://goo.gl/oo8iVb)
    44:36 ❌ unexpected trailing whitespace
                                            (EditorConfig trim_trailing_whitespace https://goo.gl/oo8iVb)
src/renderer/library/components/opds/OpdsAddForm.tsx
    42:24 ❌ unexpected trailing whitespace
                                            (EditorConfig trim_trailing_whitespace https://goo.gl/oo8iVb)
src/renderer/library/components/settings/KeyboardSettings.tsx
    108:25 ❌ unexpected trailing whitespace       (EditorConfig trim_trailing_whitespace https://goo.gl/oo8iVb)
    111:01 ❌ invalid indent size: 21, expected: 20
                                                    (EditorConfig indent_size              https://goo.gl/QtGB8R)
    125:51 ❌ unexpected trailing whitespace       (EditorConfig trim_trailing_whitespace https://goo.gl/oo8iVb)

Thank you :)

[danielweck]

Hello @ThibaultENT I added comments above, do you see them in your GitHub notifications / emails? If not, can you please "subscribe" to this PR? (buttons on the right hand side)

[panaC]

In reader window, navigation menu now displays rows / stacked items with less spacing:

same issue

[panaC]

night mode in develop branch :

[panaC]

Blue keyboard focus on thorium :

[panaC]

in thorium :

[danielweck]

As expected, the clickable author/publisher and blue tags works fine, but only in OPDS2 Feedbooks (not OPDS1):

...however I note that the blue tags are clickable in OPDS1, even though they are not actual links (they are “dead”)
Is it possible to remove the “proactive feedback” (mouse hover blue effect and hand mouse cursor) when the tags are not hyperlinks?
(like the author/publishers, etc.)

[danielweck]

Minor visual "bug" / inconsistency (blue keyboard focus outline):

(Pierre already mentioned this but I wanted to show the different cases)

[danielweck]

Minor issue with clipped / shrunk keyboard outline:

[ThibaultENT]

As expected, the clickable author/publisher and blue tags works fine, but only in OPDS2 Feedbooks (not OPDS1):

...however I note that the blue tags are clickable in OPDS1, even though they are not actual links (they are “dead”) Is it possible to remove the “proactive feedback” (mouse hover blue effect and hand mouse cursor) when the tags are not hyperlinks? (like the author/publishers, etc.)

Ces conditions sont là depuis le début.
→ Dois-je les retirer ?
→ Dois-je remplacer les <span... par des <a onClick... ?

Je rappelle qu'avant non-plus il n'existait pas de lien sur les deux 'else', mais seulement sur la première condition.

[danielweck]

PR superseded by #1589
(NPM/Node upgrade, requires package updates)