Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[FEATURE] Disable getting results in `gradient background`

See original GitHub issue


If a colour isn’t picked, user shouldn’t get a result or allowed to move to the result page

Like gradient text that shows an animation when there isn’t a text, the colour input should do the same.

If you don’t know exactly how to do it, checkout this PR that solved a similar problem #290

Your tasks

  • disable get result button if either/both of the colours input is missing
  • show the error animation when either/both of the colours option is missing

Before contributing, read 👉🏾 this 👈🏾

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

Dun-sincommented, Oct 16, 2022

@jeoffreyduke an update pls?

Sorry for the delay. You see, the “disable button” isn’t actually a button, so the only way to disable clicking on it is by setting: pointerEvents = ‘none’. But doing this has been stalled because I have had to study the overall code organization, to understand the best way to do this. The animation has been implemented, though.

I think maybe it should be reassigned to someone else.

It just takes 5-6 lines of code, it’s already been done before, hence why I said you should check this pull request #290 for reference, and just do what was done there

Dun-sincommented, Oct 14, 2022

Can I work on this, Dunsin?

Definitely, thanks for wanting to contribute, Make sure you follow the rules here, else your PR will not be accepted Good Luck

Read more comments on GitHub >

github_iconTop Results From Across the Web

linear-gradient() - CSS: Cascading Style Sheets | MDN
The linear-gradient() CSS function creates an image consisting of a progressive transition between two or more colors along a straight line.
Read more >
How can I prevent CSS gradient banding? - Stack Overflow
Open gimp · 100x100 image · Add alpha channel · Filters -> Noise -> Hurl... Accept defaults · Set opactity to 5% ·...
Read more >
CSS Gradients
While declaring the a solid color uses background-color property in CSS, gradients use background-image . This comes in useful in a few ways ......
Read more >
2.1: Oxygen - Gradient Backgrounds (Multi-Stop ... - YouTube
2.1: Oxygen - Gradient Backgrounds (Multi- Stop Gradients & Image Overlay Effects ). Watch later. Share. Copy link.
Read more >
Apply gradients to background - Adobe Support
Using the CSS Designer panel, you can apply gradients to the background of your websites. The gradient property is available in the background...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found