Skip to content

Conversation

@szakarias
Copy link
Contributor

No description provided.

@szakarias szakarias force-pushed the weeklySparklineChart branch from 79c0caf to f831baf Compare November 8, 2024 12:27
@szakarias szakarias merged commit 29eed4e into dart-lang:master Nov 8, 2024
32 checks passed

.weekly-sparkline-area {
fill: var(--pub-weekly-chart-main-color);
opacity: 0.3;
Copy link
Contributor

Choose a reason for hiding this comment

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

This can be simulated without transparency https://stackoverflow.com/questions/58227072/how-do-you-simulate-the-opacity-effect-on-an-element-without-making-it-transpare

Suggested change
opacity: 0.3;
filter: contrast(calc(0.3 /(2 - 0.3))) brightness(calc(2 - 0.3));

.weekly-sparkline-area {
fill: var(--pub-weekly-chart-main-color);
opacity: 0.3;
stroke-width: 0;
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
stroke-width: 0;
stroke-width: 2;
stroke: var(--pub-weekly-chart-main-color);

This would get rid of the funkyness at the bottom here:
image

You would though also have to insert the .weekly-sparkline-area into the svg before the .weekly-sparkline-line

image

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.

3 participants