Skip to content
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

Merged
merged 7 commits into from
Nov 4, 2023
Merged

Kiwix frontend style cleanup #1009

merged 7 commits into from
Nov 4, 2023

Conversation

veloman-yunkan
Copy link
Collaborator

@veloman-yunkan veloman-yunkan commented Oct 21, 2023

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.

  • large border radius of the library page doesn't look good when applied to the small buttons of the viewer toolbar, whereas small radius used for the viewer buttons looks inferior to what we have now on the library page
  • color schemes of the buttons and filters could not be unified too; viewer current button icons don't look nice on dark background, whereas the current design of the toolbar of the library page seems to rely on contrast.

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.

@veloman-yunkan veloman-yunkan changed the title [WIP} Kiwix frontend style cleanup [WIP] Kiwix frontend style cleanup Oct 21, 2023
@veloman-yunkan veloman-yunkan force-pushed the kiwix_frontend_style_cleanup branch 2 times, most recently from cb1e681 to 09eb8e3 Compare October 28, 2023 16:12
@codecov
Copy link

codecov bot commented Oct 28, 2023

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 38.92%. Comparing base (a5db4a1) to head (29c33a7).
Report is 219 commits behind head on main.

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.
📢 Have feedback on the report? Share it here.

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.
@veloman-yunkan veloman-yunkan changed the title [WIP] Kiwix frontend style cleanup Kiwix frontend style cleanup Oct 28, 2023
@veloman-yunkan veloman-yunkan marked this pull request as ready for review October 28, 2023 17:24
@kelson42
Copy link
Collaborator

kelson42 commented Nov 4, 2023

@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.

Copy link
Collaborator

@kelson42 kelson42 left a 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.

@kelson42 kelson42 merged commit e8b8c18 into main Nov 4, 2023
14 checks passed
@kelson42 kelson42 deleted the kiwix_frontend_style_cleanup branch November 4, 2023 14:20
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