How to Set stater-pack Inline Value Edit Text Color

  • feraask-1331686755845410889

    KillerK009

    17 days 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.
  • lucasg-1331690119790329867

    Lucas G

    17 days ago

    It should inherit but I’ll take a look
  • lucasg-1331728521999155311

    Lucas G

    17 days ago

    Updated.
  • lucasg-1331728853374210230

    Lucas G

    17 days 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
  • 128651941143117824-@Lucas G
    Updated.
    feraask-1331751860817629244

    KillerK009

    17 days 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?
  • lucasg-1331752057618563084

    Lucas G

    17 days ago

    Implementing the change renders the buttons *almost * redundant
  • lucasg-1331752530736054303

    Lucas G

    17 days 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
  • feraask-1331757946991804548

    KillerK009

    17 days 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!

Stop scrolling. Start building.

toddle is a visual web app builder that rivals custom code — but accessible to your entire team!

Try toddle — it's free!

© Copyright 2024 toddle. All rights reserved.