slawek/jmespath-playground
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v1.0.3: Fix expression textbox error state and UI consistency

Browse Source 
- Fixed theme class application from html to body element for proper CSS inheritance
- Removed CSS conflicts between base styles and error/success states
- Fixed focus state interference with error/success background colors
- Changed error message panel to fixed placement (no more UI jumping)
- Added theme-consistent styling for alert-success in all theme modes
- Expression textbox now properly shows red/green backgrounds in manual themes
- Status message now shows Expression is correct vs error message consistently
This commit is contained in:
Sławek Koszewski
2026-01-21 10:35:34 +01:00
parent 6f8c4518ce
commit 0182174153
4 changed files with 65 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.css
View File

@@ -96,13 +96,13 @@ code {
/* Additional specificity for jmespath-input with error class */
.theme-dark .jmespath-input.error {
background-color: var(--error-bg-dark) !important;
border-color: var(--error-border-dark) !important;
color: var(--error-text-dark) !important;
background-color: #4a1e1e !important;
border-color: #6d2c2c !important;
color: #f8d7da !important;
}
.theme-light .jmespath-input.error {
background-color: var(--error-bg-light) !important;
border-color: var(--error-border-light) !important;
color: var(--error-text-light) !important;
background-color: #f8d7da !important;
border-color: #f5c6cb !important;
color: #721c24 !important;
}