-
-
Notifications
You must be signed in to change notification settings - Fork 56
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Kiwix frontend style cleanup #1009
Conversation
cb1e681
to
09eb8e3
Compare
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## main #1009 +/- ##
=======================================
Coverage 38.92% 38.92%
=======================================
Files 58 58
Lines 3990 3990
Branches 2201 2201
=======================================
Hits 1553 1553
Misses 1090 1090
Partials 1347 1347 ☔ View full report in Codecov by Sentry. |
The new file kiwix.css is intended to host the intersection of index.css and taskbar.css. In this commit only font definitions have been moved into it.
Moved from index.css into kiwix.css some CSS with global effect thus making it apply to the viewer too. Extra font-size directives in taskbar.css are needed to undo the effect of 'font-size: 62.5%' now applied to the 'html' element type.
There was a slight difference (between index.css and taskbar.css) in the margin values of the UI language selector button, however the values taken from taskbar.css don't seem to have any visible impact on the welcome/library page (controlled by index.css).
Attempts to use the same color for buttons yielded poor results: viewer toolbar buttons don't look nice on the dark background used for the filter controls on the library page, whereas the light background of the viewer toolbar buttons doesn't play well with the filters on the library page which seem to be designed around the contrast effect.
09eb8e3
to
29c33a7
Compare
@veloman-yunkan Thank you for this PR and this attempt to fix this annoying issue. I know this is not easy. Will give it a test this WE. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM, as this is only CSS, I will merge straight. It's clearly a progress and let see if someone complain about the rest.
Addresses #917
Unfortunately, I failed to achieve consistent look-and-feel across the library page and the viewer toolbar so that they both look nice.
This PR simply reduces the gap in the look-and-feel of the two toolbars. If we want to eliminate it completely, I think that we must come up with a new design first.