jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: json selection not visible (#8028)

Browse source 
* Fixed json selection not appearing and selection color

* Added h full to json viewer
This commit is contained in:
Lucas Oliveira 2025-05-13 17:41:46 -03:00 • committed by GitHub
commit d7f99e7ce0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 10 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/components/core/jsonOutputComponent/json-output-view.tsx
View file

@ -24,7 +24,7 @@ const JsonOutputViewComponent: React.FC<JsonOutputViewComponentProps> = ({
const initialFilter = output?.options?.filter;
return (
<div className="flex flex-1 flex-col">
<div className="flex h-full flex-1 flex-col">
<JsonEditor
data={{ json: jsonData }}
readOnly={true}

5
src/frontend/src/style/classes.css
View file

@ -395,6 +395,11 @@ input[type="search"]::-webkit-search-cancel-button {
height: 38px !important;
}
.cm-selectionLayer {
z-index: 1 !important;
pointer-events: none !important;
}
.cm-button:hover {
background-color: hsl(var(--border)) !important;
}

8
src/frontend/src/style/index.css
View file

@ -53,8 +53,8 @@
--jse-main-border: hsl(240, 6%, 90%);
--jse-background-color: hsl(240, 5%, 96%);
--jse-text-color: hsl(0, 0%, 0%);
--jse-selection-background-color: hsl(240, 5%, 96%);
--jse-selection-background-inactive-color: hsl(240, 6%, 90%);
--jse-selection-background-color: hsl(240, 4%, 46%, 0.2);
--jse-selection-background-inactive-color: hsl(240, 4%, 46%, 0.15);
--jse-hover-background-color: hsl(240, 5%, 96%);
--jse-active-line-background-color: hsl(240, 5%, 96%);
--jse-search-match-background-color: hsl(240, 5%, 96%);
@ -241,8 +241,8 @@
--jse-main-border: hsl(240, 5%, 26%);
--jse-background-color: hsl(240, 4%, 16%);
--jse-text-color: hsl(0, 0%, 100%);
--jse-selection-background-color: hsl(240, 4%, 16%);
--jse-selection-background-inactive-color: hsl(240, 5%, 26%);
--jse-selection-background-color: hsl(240, 5%, 65%, 0.2);
--jse-selection-background-inactive-color: hsl(240, 5%, 65%, 0.15);
--jse-hover-background-color: hsl(240, 4%, 16%);
--jse-active-line-background-color: hsl(240, 4%, 16%);
--jse-search-match-background-color: hsl(240, 4%, 16%);