Switching to text mode changes the style or font (...using AdminLTE)

josdejong / svelte-jsoneditor

A web-based tool to view, edit, format, repair, query, transform, and validate JSON

https://jsoneditoronline.org

Other

816 stars 108 forks source link

Switching to text mode changes the style or font (...using AdminLTE) #337

Closed Th3R3alDuk3 closed 7 months ago

Th3R3alDuk3 commented 7 months ago

Hi, I use AdminLTE and have integrated the JSONEditor into my site. Every time I switch to text mode, the font and size of the .jse-menu changes.

ezgif com-video-to-gif

I had a look and the CSS class .jse-text-mode has no font change (font-family: var(--jse-font-family-mono); or font-size: var(--jse-font-size-mono);). This automatically uses the font of the .jse-main class.

Unbenannt

No idea why it works otherwise.

Here is sample code...

https://codepen.io/Th3R3alDuk3/pen/GRzWJZd

josdejong commented 7 months ago

Thanks for reporting. The sample code helped me a lot to see what's going on. Fixed now via 2eec4e6 (not yet published)

josdejong commented 7 months ago

The fix is now published in v0.18.2