Skip to content
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

Update ContextMenu.scss #43

Merged
merged 2 commits into from
Apr 19, 2022
Merged

Update ContextMenu.scss #43

merged 2 commits into from
Apr 19, 2022

Conversation

bostondevin
Copy link
Contributor

@bostondevin bostondevin commented Dec 29, 2021

Get rid of warning message when building - start/end has mixed support, flex-start & flex-end has better support

@josdejong
Copy link
Owner

Thanks for your PR Devin. When do you get these warnings exactly? When I build with npm run build I don't see them.

@bostondevin
Copy link
Contributor Author

bostondevin commented Dec 29, 2021

Sorry, I meant a dev build - I get them when I do a "svelte-kit dev" - it gives me this:

[vite:css] start value has mixed support, consider using flex-start instead
1 | .jsoneditor-contextmenu.s-n7_PNeP__fRu.s-n7_PNeP__fRu{box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.24);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:16px;background:#656565;color:#fff}.jsoneditor-contextmenu.s-n7_PNeP__fRu button.s-n7_PNeP__fRu{border:none;background:transparent;color:inherit;cursor:pointer;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:16px;padding:5px;margin:0}.jsoneditor-contextmenu.s-n7_PNeP__fRu button.s-n7_PNeP__fRu:focus{background:#727272}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row.s-n7_PNeP__fRu{display:flex;flex-direction:row;align-items:start;justify-content:stretch}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row div.label.s-n7_PNeP__fRu{flex:1;white-space:nowrap;padding:10px;color:#9d9d9d}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button.s-n7_PNeP__fRu{flex:1;white-space:nowrap;padding:10px;color:inherit}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button.s-n7_PNeP__fRu:hover{background:#727272}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button.s-n7_PNeP__fRu:disabled{color:#9d9d9d;background:unset}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button .insert.s-n7_PNeP__fRu{display:inline-block;position:relative;width:18px;height:18px;font-family:consolas, monaco, "lucida console", "dejavu sans mono", "droid sans mono", monospace, "courier new", courier;font-weight:bold}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button .insert .quote.s-n7_PNeP__fRu,.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button .insert .plus.s-n7_PNeP__fRu{position:absolute;top:-4px;left:2px;font-size:24px}.jsoneditor-contextmenu.s-n7_PNeP__fRu .column.s-n7_PNeP__fRu{flex:1;display:flex;flex-direction:column;align-items:stretch}.jsoneditor-contextmenu.s-n7_PNeP__fRu .column.s-n7_PNeP__fRu:not(:last-child){border-right:1px solid #727272}.jsoneditor-contextmenu.s-n7_PNeP__fRu .column button.s-n7_PNeP__fRu{text-align:left;min-width:130px}.jsoneditor-contextmenu.s-n7_PNeP__fRu .separator.s-n7_PNeP__fRu{width:100%;height:1px;background:#727272}.s-n7_PNeP__fRu.s-n7_PNeP__fRu{}
| ^
[vite:css] end value has mixed support, consider using flex-end instead
1 | .json-node.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative;font-family:consolas, monaco, "lucida console", "dejavu sans mono", "droid sans mono", monospace, "courier new", courier;font-size:14px;color:#1a1a1a}.json-node.root.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{min-height:100%;padding-bottom:2px;box-sizing:border-box}.json-node.root.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc .context-menu-button,.json-node.root.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc .context-menu-button{top:0;right:-20px}.json-node.root.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc.s-7wbolPQl71oc{padding-left:0}.json-node.hovered.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc>.header.s-7wbolPQl71oc>.meta.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background-color:rgba(0, 0, 0, 0.06)}.json-node.s-7wbolPQl71oc .props.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.s-7wbolPQl71oc .items.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative}.json-node.s-7wbolPQl71oc .header-outer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.s-7wbolPQl71oc .footer-outer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex}.json-node.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative}.json-node.s-7wbolPQl71oc .header .meta.s-7wbolPQl71oc>.meta-inner.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;justify-content:center}.json-node.s-7wbolPQl71oc .contents-outer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex}.json-node.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;flex-direction:row;line-height:18px}.json-node.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{min-height:18px;padding-left:18px}.json-node.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:inline-flex;padding-left:23px}.json-node.s-7wbolPQl71oc .insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{visibility:hidden;padding:0 5px;flex:1}.json-node.s-7wbolPQl71oc .insert-selection-area.inside.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:inline-flex;align-items:center}.json-node.s-7wbolPQl71oc .insert-selection-area.after.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;align-items:end;line-height:18px}.json-node.s-7wbolPQl71oc:hover>.contents-outer .insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:not(.selected),.json-node.s-7wbolPQl71oc .header-outer.s-7wbolPQl71oc:hover>.insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc:not(.selected),.json-node.s-7wbolPQl71oc .footer-outer:hover .insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:not(.selected){visibility:visible;z-index:1}.json-node.s-7wbolPQl71oc .context-menu-button-anchor.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative}.json-node.s-7wbolPQl71oc .insert-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:none;position:relative;max-width:250px;min-width:100px;height:0;margin-right:5px;outline:1px solid}.json-node.s-7wbolPQl71oc .insert-area.s-7wbolPQl71oc .context-menu-button{right:-1px;background:#d3d3d3}.json-node.s-7wbolPQl71oc .insert-area.hovered.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;outline-color:rgba(0, 0, 0, 0.06)}.json-node.selected.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .key,.json-node.selected.s-7wbolPQl71oc .value{background-color:#d3d3d3 !important}.json-node.selected-key.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.identifier>.key,.json-node.selected-key.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc>.header.s-7wbolPQl71oc>.identifier>.key{background-color:#d3d3d3}.json-node.selected-value.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.value{background-color:#d3d3d3}.json-node.s-7wbolPQl71oc .collapsed-items.selected,.json-node.selected.s-7wbolPQl71oc .collapsed-items,.json-node.selected-value.s-7wbolPQl71oc .collapsed-items{background-color:#d3d3d3;background-image:linear-gradient(#c6c6c6, #c6c6c6), linear-gradient(to bottom right, transparent 50.5%, #c6c6c6 50.5%), linear-gradient(to bottom left, transparent 50.5%, #c6c6c6 50.5%), linear-gradient(to top right, transparent 50.5%, #c6c6c6 50.5%), linear-gradient(to top left, transparent 50.5%, #c6c6c6 50.5%)}.json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background-color:#d3d3d3 !important}.json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .value{background-color:#d3d3d3 !important}.json-node.selected-value.s-7wbolPQl71oc .tag.readonly.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background:transparent}.json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;z-index:2;outline-color:#656565}.json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc .context-menu-button{background:#656565}.json-node.s-7wbolPQl71oc .context-menu-button-anchor.s-7wbolPQl71oc .context-menu-button{background:#656565}.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .value{background-color:#ededed !important}.jsoneditor-main:not(.focus) .json-node.selected-key.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.identifier>.key,.jsoneditor-main:not(.focus) .json-node.selected-key.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc>.header.s-7wbolPQl71oc>.identifier>.key{background-color:#ededed}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.value{background-color:#ededed}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .collapsed-items.selected,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .collapsed-items,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .collapsed-items{background-color:#ededed;background-image:linear-gradient(#e0e0e0, #e0e0e0), linear-gradient(to bottom right, transparent 50.5%, #e0e0e0 50.5%), linear-gradient(to bottom left, transparent 50.5%, #e0e0e0 50.5%), linear-gradient(to top right, transparent 50.5%, #e0e0e0 50.5%), linear-gradient(to top left, transparent 50.5%, #e0e0e0 50.5%)}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background-color:#ededed !important}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .value{background-color:#ededed !important}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .tag.readonly.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background:transparent}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;z-index:2;outline-color:#d3d3d3}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc .context-menu-button{background:#d3d3d3}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .context-menu-button-anchor.s-7wbolPQl71oc .context-menu-button{background:#d3d3d3}.expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{width:18px;height:18px;padding:1px 0 0;margin:0;border:none;cursor:pointer;background:transparent;color:rgba(0, 0, 0, 0.38);font-size:14px;line-height:18px}.expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:hover{color:rgba(26, 26, 26, 0.38)}.meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.separator.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.index.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.bracket.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{vertical-align:top;color:rgba(0, 0, 0, 0.38)}.index.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{padding:0 5px}.bracket.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{padding:0 2px}.bracket.expanded.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{padding-right:10px}.tag.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{border:none;font-size:11px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;color:#fff;background:rgba(0, 0, 0, 0.25);border-radius:2px;cursor:pointer;position:relative;display:inline-block;padding:0 4px 1px;margin:0 2px;top:1px;height:16px;line-height:14px}.tag.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:hover{background:rgba(38, 38, 38, 0.25)}.tag.readonly.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{color:rgba(0, 0, 0, 0.25);background:#f5f5f5;cursor:inherit}.identifier.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{vertical-align:top;position:relative}.bubble.dark{background:#656565 !important;color:#fff;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;font-size:16px !important}.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{}
| ^
[vite:css] start value has mixed support, consider using flex-start instead
1 | .jsoneditor-contextmenu.s-n7_PNeP__fRu.s-n7_PNeP__fRu{box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.24);font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:16px;background:#656565;color:#fff}.jsoneditor-contextmenu.s-n7_PNeP__fRu button.s-n7_PNeP__fRu{border:none;background:transparent;color:inherit;cursor:pointer;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size:16px;padding:5px;margin:0}.jsoneditor-contextmenu.s-n7_PNeP__fRu button.s-n7_PNeP__fRu:focus{background:#727272}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row.s-n7_PNeP__fRu{display:flex;flex-direction:row;align-items:start;justify-content:stretch}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row div.label.s-n7_PNeP__fRu{flex:1;white-space:nowrap;padding:10px;color:#9d9d9d}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button.s-n7_PNeP__fRu{flex:1;white-space:nowrap;padding:10px;color:inherit}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button.s-n7_PNeP__fRu:hover{background:#727272}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button.s-n7_PNeP__fRu:disabled{color:#9d9d9d;background:unset}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button .insert.s-n7_PNeP__fRu{display:inline-block;position:relative;width:18px;height:18px;font-family:consolas, monaco, "lucida console", "dejavu sans mono", "droid sans mono", monospace, "courier new", courier;font-weight:bold}.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button .insert .quote.s-n7_PNeP__fRu,.jsoneditor-contextmenu.s-n7_PNeP__fRu .row button .insert .plus.s-n7_PNeP__fRu{position:absolute;top:-4px;left:2px;font-size:24px}.jsoneditor-contextmenu.s-n7_PNeP__fRu .column.s-n7_PNeP__fRu{flex:1;display:flex;flex-direction:column;align-items:stretch}.jsoneditor-contextmenu.s-n7_PNeP__fRu .column.s-n7_PNeP__fRu:not(:last-child){border-right:1px solid #727272}.jsoneditor-contextmenu.s-n7_PNeP__fRu .column button.s-n7_PNeP__fRu{text-align:left;min-width:130px}.jsoneditor-contextmenu.s-n7_PNeP__fRu .separator.s-n7_PNeP__fRu{width:100%;height:1px;background:#727272}.s-n7_PNeP__fRu.s-n7_PNeP__fRu{}
| ^
[vite:css] end value has mixed support, consider using flex-end instead
1 | .json-node.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative;font-family:consolas, monaco, "lucida console", "dejavu sans mono", "droid sans mono", monospace, "courier new", courier;font-size:14px;color:#1a1a1a}.json-node.root.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{min-height:100%;padding-bottom:2px;box-sizing:border-box}.json-node.root.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc .context-menu-button,.json-node.root.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc .context-menu-button{top:0;right:-20px}.json-node.root.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc.s-7wbolPQl71oc{padding-left:0}.json-node.hovered.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc>.header.s-7wbolPQl71oc>.meta.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.hovered.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background-color:rgba(0, 0, 0, 0.06)}.json-node.s-7wbolPQl71oc .props.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.s-7wbolPQl71oc .items.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative}.json-node.s-7wbolPQl71oc .header-outer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.s-7wbolPQl71oc .footer-outer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex}.json-node.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative}.json-node.s-7wbolPQl71oc .header .meta.s-7wbolPQl71oc>.meta-inner.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;justify-content:center}.json-node.s-7wbolPQl71oc .contents-outer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex}.json-node.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;flex-direction:row;line-height:18px}.json-node.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{min-height:18px;padding-left:18px}.json-node.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:inline-flex;padding-left:23px}.json-node.s-7wbolPQl71oc .insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{visibility:hidden;padding:0 5px;flex:1}.json-node.s-7wbolPQl71oc .insert-selection-area.inside.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:inline-flex;align-items:center}.json-node.s-7wbolPQl71oc .insert-selection-area.after.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;align-items:end;line-height:18px}.json-node.s-7wbolPQl71oc:hover>.contents-outer .insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:not(.selected),.json-node.s-7wbolPQl71oc .header-outer.s-7wbolPQl71oc:hover>.insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc:not(.selected),.json-node.s-7wbolPQl71oc .footer-outer:hover .insert-selection-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:not(.selected){visibility:visible;z-index:1}.json-node.s-7wbolPQl71oc .context-menu-button-anchor.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{position:relative}.json-node.s-7wbolPQl71oc .insert-area.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:none;position:relative;max-width:250px;min-width:100px;height:0;margin-right:5px;outline:1px solid}.json-node.s-7wbolPQl71oc .insert-area.s-7wbolPQl71oc .context-menu-button{right:-1px;background:#d3d3d3}.json-node.s-7wbolPQl71oc .insert-area.hovered.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;outline-color:rgba(0, 0, 0, 0.06)}.json-node.selected.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected.s-7wbolPQl71oc .key,.json-node.selected.s-7wbolPQl71oc .value{background-color:#d3d3d3 !important}.json-node.selected-key.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.identifier>.key,.json-node.selected-key.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc>.header.s-7wbolPQl71oc>.identifier>.key{background-color:#d3d3d3}.json-node.selected-value.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.value{background-color:#d3d3d3}.json-node.s-7wbolPQl71oc .collapsed-items.selected,.json-node.selected.s-7wbolPQl71oc .collapsed-items,.json-node.selected-value.s-7wbolPQl71oc .collapsed-items{background-color:#d3d3d3;background-image:linear-gradient(#c6c6c6, #c6c6c6), linear-gradient(to bottom right, transparent 50.5%, #c6c6c6 50.5%), linear-gradient(to bottom left, transparent 50.5%, #c6c6c6 50.5%), linear-gradient(to top right, transparent 50.5%, #c6c6c6 50.5%), linear-gradient(to top left, transparent 50.5%, #c6c6c6 50.5%)}.json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background-color:#d3d3d3 !important}.json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .value,.json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .key,.json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .value{background-color:#d3d3d3 !important}.json-node.selected-value.s-7wbolPQl71oc .tag.readonly.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background:transparent}.json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;z-index:2;outline-color:#656565}.json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc .context-menu-button{background:#656565}.json-node.s-7wbolPQl71oc .context-menu-button-anchor.s-7wbolPQl71oc .context-menu-button{background:#656565}.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .value{background-color:#ededed !important}.jsoneditor-main:not(.focus) .json-node.selected-key.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.identifier>.key,.jsoneditor-main:not(.focus) .json-node.selected-key.s-7wbolPQl71oc>.header-outer.s-7wbolPQl71oc>.header.s-7wbolPQl71oc>.identifier>.key{background-color:#ededed}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.contents-outer.s-7wbolPQl71oc>.contents.s-7wbolPQl71oc>.value{background-color:#ededed}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .collapsed-items.selected,.jsoneditor-main:not(.focus) .json-node.selected.s-7wbolPQl71oc .collapsed-items,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .collapsed-items{background-color:#ededed;background-image:linear-gradient(#e0e0e0, #e0e0e0), linear-gradient(to bottom right, transparent 50.5%, #e0e0e0 50.5%), linear-gradient(to bottom left, transparent 50.5%, #e0e0e0 50.5%), linear-gradient(to top right, transparent 50.5%, #e0e0e0 50.5%), linear-gradient(to top left, transparent 50.5%, #e0e0e0 50.5%)}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background-color:#ededed !important}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .meta.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc>.footer-outer.s-7wbolPQl71oc>.footer.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .contents.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .header.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .footer.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .props .expand.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .contents.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .header.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .footer.s-7wbolPQl71oc .value,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .key,.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .items .expand.s-7wbolPQl71oc .value{background-color:#ededed !important}.jsoneditor-main:not(.focus) .json-node.selected-value.s-7wbolPQl71oc .tag.readonly.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{background:transparent}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{display:flex;z-index:2;outline-color:#d3d3d3}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .insert-area.selected.s-7wbolPQl71oc .context-menu-button{background:#d3d3d3}.jsoneditor-main:not(.focus) .json-node.s-7wbolPQl71oc .context-menu-button-anchor.s-7wbolPQl71oc .context-menu-button{background:#d3d3d3}.expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{width:18px;height:18px;padding:1px 0 0;margin:0;border:none;cursor:pointer;background:transparent;color:rgba(0, 0, 0, 0.38);font-size:14px;line-height:18px}.expand.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:hover{color:rgba(26, 26, 26, 0.38)}.meta.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.separator.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.index.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc,.bracket.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{vertical-align:top;color:rgba(0, 0, 0, 0.38)}.index.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{padding:0 5px}.bracket.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{padding:0 2px}.bracket.expanded.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{padding-right:10px}.tag.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{border:none;font-size:11px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;color:#fff;background:rgba(0, 0, 0, 0.25);border-radius:2px;cursor:pointer;position:relative;display:inline-block;padding:0 4px 1px;margin:0 2px;top:1px;height:16px;line-height:14px}.tag.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc:hover{background:rgba(38, 38, 38, 0.25)}.tag.readonly.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{color:rgba(0, 0, 0, 0.25);background:#f5f5f5;cursor:inherit}.identifier.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{vertical-align:top;position:relative}.bubble.dark{background:#656565 !important;color:#fff;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;font-size:16px !important}.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc.s-7wbolPQl71oc{}
|

@josdejong
Copy link
Owner

hm, that is odd, I can't get these warnings to appear. I can merge your PR now, but without seeing the same warnings I'll introduce more of them for sure 😛 .

What I do is the following, but I get zero warnings then:

git clone [email protected]:josdejong/svelte-jsoneditor.git
cd .\svelte-jsoneditor
npm install
npm run dev     # this will run "svelte-kit dev"

@josdejong
Copy link
Owner

@bostondevin any more pointers on how I can get these warning messages? Do you get them when running svelte-jsoneditor itself, or when using the library in your own application?

@josdejong
Copy link
Owner

@bostondevin how can I reproduce the issue you see?

@bostondevin
Copy link
Contributor Author

You might need ESLint to see them - maybe that's why I get them

@josdejong
Copy link
Owner

Yes that makes sense.

I played around a bit with the eslint config but can't quickly get linting for *.scss files working. Help would be welcome.

@yudaprama
Copy link

I encounter this issue when using svelte + vite + tailwindcss. This PR fixed it

@josdejong
Copy link
Owner

I'll merge this PR now.

There is no guards in place yet (linting) to prevent this from happening again in the future. Help in that regard would be welcome.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants