Skip to content

Fix primary RGB color of the organization is being generated wrongly#10688

Merged
ahukkanen merged 2 commits intodevelopfrom
fix/10687
Apr 12, 2023
Merged

Fix primary RGB color of the organization is being generated wrongly#10688
ahukkanen merged 2 commits intodevelopfrom
fix/10687

Conversation

@alecslupu
Copy link
Copy Markdown
Contributor

@alecslupu alecslupu commented Apr 5, 2023

🎩 What? Why?

This PR makes use of `--primary`` variable to display the metrics in a pretty form.

📌 Related Issues

Link your PR to an issue

Testing

  1. Visit admin section
  2. Check the metrics
  3. See the metrics area charts are not just a black svg

📷 Screenshots

Please add screenshots of the changes you are proposing
Before:
image
After:
image

Revert #10424:
image

♥️ Thank you!

@alecslupu alecslupu requested a review from a team April 5, 2023 21:17
@alecslupu alecslupu added team: accessibility type: fix PRs that implement a fix for a bug labels Apr 5, 2023
@alecslupu alecslupu marked this pull request as ready for review April 5, 2023 21:18
Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen left a comment

Choose a reason for hiding this comment

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

There are also other places where you can find similar uses:

$ grep -rP "var\(--[a-z]+-rgb\)" decidim-*/app/packs/stylesheets
decidim-core/app/packs/stylesheets/decidim/vizzs/_areachart.scss:    fill: rgba(var(--primary-rgb), .05);
decidim-core/app/packs/stylesheets/decidim/vizzs/_areachart.scss:    stroke: rgba(var(--primary-rgb), .2);
decidim-core/app/packs/stylesheets/decidim/vizzs/_areachart.scss:    fill: rgba(var(--primary-rgb), .2);
decidim-core/app/packs/stylesheets/decidim/modules/_floating-helper.scss:  background-color: rgba(var(--secondary-rgb), .1);
decidim-core/app/packs/stylesheets/decidim/modules/_floating-helper.scss:  background-color: rgba(var(--secondary-rgb), .1);
decidim-core/app/packs/stylesheets/decidim/modules/_floating-helper.scss:  background-color: rgba(var(--secondary-rgb), .1);
decidim-core/app/packs/stylesheets/decidim/modules/_navbar.scss:        background-color: rgba(var(--secondary-rgb), .05);
decidim-core/app/packs/stylesheets/decidim/modules/_process-nav.scss:  background-color: rgba(var(--primary-rgb), .1);
decidim-meetings/app/packs/stylesheets/decidim/meetings/_main.scss:        background-color: rgba(var(--warning-rgb), .1);

I'm thinking should we rather fix the -rgb values? Is there any reason preserving the legacy format?

@alecslupu alecslupu requested a review from ahukkanen April 6, 2023 07:34
@alecslupu alecslupu changed the title Fix Primary RGB color of the organization is being generated wrongly Fix primary RGB color of the organization is being generated wrongly Apr 6, 2023
Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen left a comment

Choose a reason for hiding this comment

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

Do we need the SCSS change if we fix the values?

Copy link
Copy Markdown
Contributor

@ahukkanen ahukkanen left a comment

Choose a reason for hiding this comment

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

Can you check the last comment above please?

I think reverting #10424 would make sense too.

@alecslupu alecslupu requested a review from ahukkanen April 6, 2023 18:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

team: accessibility type: fix PRs that implement a fix for a bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Primary RGB color of the organization is being generated wrongly

2 participants