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

refactor: footer link colors to use customizable CSS variables #2658

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

Marwaxhello
Copy link
Contributor

@Marwaxhello Marwaxhello commented Dec 3, 2024

Pull Request
Added customizable CSS variables to page-footer link colors + changeset

Issue #194
Bij het werken aan het Purmerend-thema voor de dark/light mode tokens voor de Signalen, liep ik tegen een probleem aan waarbij sommige kleuren niet aangepast konden worden, waaronder de link-focus-background-color van de page-footer. Dit kwam doordat de kleur was ingesteld op currentColor, wat werd overschreven in de page-footer bij Utrecht, waardoor het niet meer mogelijk was om de kleur te veranderen.

Om dit op te lossen, heb ik een issue #194 aangemaakt en een oplossing uitgelegd, zodat de kleur wel aangepast kan worden. Ik heb dit als een "minor" gemarkeerd, omdat het geen functionaliteit kapot maakt: er is een fallback kleur ingesteld via currentColor.

Image

Feedback
Met de feedback/oplossing van @Robbert "om de oude code te verplaatsen naar utrecht-page-footer__content" wordt deze issue volgens mij niet gefixed omdat hij blijft overwritten door currentColor.

Copy link

vercel bot commented Dec 3, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
utrecht ❌ Failed (Inspect) Dec 3, 2024 1:16pm

Copy link

codecov bot commented Dec 3, 2024

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 90.20%. Comparing base (fe34796) to head (5c3c1a9).

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #2658   +/-   ##
=======================================
  Coverage   90.20%   90.20%           
=======================================
  Files         188      188           
  Lines        1643     1643           
  Branches      348      349    +1     
=======================================
  Hits         1482     1482           
  Misses        155      155           
  Partials        6        6           

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

--utrecht-link-focus-color: var(--utrecht-footer-link-focus-color, currentColor);
--utrecht-link-hover-color: var(--utrecht-footer-link-hover-color, currentColor);
--utrecht-link-active-color: var(--utrecht-footer-link-active-color, currentColor);
--utrecht-link-visited-color: var(--utrecht-footer-link-visited-color, currentColor);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Marwaxhello Ik denk dat het misschien ook werkt (en dan simpeler is) om de oude code te verplaatsen naar utrecht-page-footer__content

Het gedrag zal een paar weken geleden kapot zijn gegaan door de introductie van utrecht-page-footer__content.

Wat dat betreft zou dit een patch zijn en niet minor

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