All topics

How to Set stater-pack Inline Value Edit Text Color

KillerK009

2 months ago

I'm trying to use the starter-pack package inline-value-edit component and it looks like the default text color is black. This doesn't work with the dark theme I'm trying to use in my project since the background is dark and it makes the text hard to read.

Is there any way to change the text color? I've tried setting the text color value on the parent div which changes other text elements but doesn't seem to impact this component.
Lucas G

2 months ago

It should inherit but I’ll take a look
@KillerK009
I'm trying to use the starter-pack package inline-value-edit component and it looks like the default text color is black. This doesn't work with the dark theme I'm trying to use in my project since the background is dark and it makes the text hard to read.

Is there any way to change the text color? I've tried setting the text color value on the parent div which changes other text elements but doesn't seem to impact this component.
Lucas G

2 months ago

Updated.
Lucas G

2 months ago

I've also since changed it (in my own project) to no longer require the cancel/confirm buttons and simply update when a user clicks away. Let me know if you'd like to see taht here as well
@Lucas G
Updated.
KillerK009

2 months ago

Looks like it's working! Thanks 🙏

I'm torn about the cancel/confirm buttons lol. I think I like having the buttons there but is it possible to combine the functionality where clicking away also works like pressing confirm (or cancel if no changes were made) but the buttons are still there?
Lucas G

2 months ago

Implementing the change renders the buttons *almost * redundant
Lucas G

2 months ago

They would still show as long as the user doesn't click away to something else but at that point are they even really needed/useful
Esc/Enter keys would still work
As they do now
Not sure how many users are even using it so unsure if it could break things for anyone
KillerK009

2 months ago

Yea I just think sometimes it's nice to always have a dedicated place available to click to save the changes or cancel rather than trying to find an empty space or something. My UI can be a little busy, especially on mobile where things can get more cramped so having the dedicated buttons so the user doesn't accidently hit something else when trying to click away does seem to work well for my use case. But it's not a huge deal either way!

How to Set stater-pack Inline Value Edit Text Color

KillerK009

Lucas G

Lucas G

Lucas G

KillerK009

Lucas G

Lucas G

KillerK009

Stop scrolling. Start building.

Chat with @team-toddle

Video call our CEO

Get in touch!

Product

Company

Resources

Community