-
Notifications
You must be signed in to change notification settings - Fork 4.2k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Input Control: Set a color #35481
Input Control: Set a color #35481
Conversation
Size Change: +96 B (0%) Total Size: 1.07 MB
ℹ️ View Unchanged
|
I'm afraid I agree, this would be a breaking change on a rather widely-used mixin. I don't know what the "videomaker theme" is so I can't talk about it specifically, but would it be unreasonable to expect theme authors to not add such broad rules (e.g. I kind of think the responsibility/flexibility is in the hands of the theme author. They can scope the |
What scope should theme authors to target |
Until there is a clear contract between block authors and theme authors, I don't think there's a foolproof way that will work as expected for every block. Especially when third-party blocks are involved, there's no way to tell programmatically whether a given Under the current circumstances, I would scope it under specific In your input color case specifically, another option might be for the theme to set |
Closing in favour of #33494 |
Description
When a theme sets a color for form elements, this gets inherited by text control. If the theme uses a dark background and white text for form elements, then it becomes unreadable:
This PR sets a dark color for text inside input controls, so it looks like this:
I have used
!important
to make sure that the theme styles do get overridden. I'm not super keen on this solution as it feels very heavy handed. My preference would be this fix, but maybe a quick fix is worth it?How has this been tested?
Checkout the videomaker theme and add a table block.
Types of changes
Bug fix (non-breaking change which fixes an issue)
Checklist:
*.native.js
files for terms that need renaming or removal).