A sidebar UI for gl-compare


A sidebar UI for gl-compare, intended for use in glslify-workshopper.

Given an instance of gl-compare, this method creates a new sidebar.

The sidebar's DOM node. Will be automatically attached to document.body but you can use this to apply your own styles too.

The otherwise empty content area in the middle of the sidebar. The styles applied here are minimal, apart from a monospace font family and overflow: auto, so you should be able to place whatever content you like in here without many issues.

Updates the message displayed in the "status" area:

Updates the color of the "status" area:

MIT. See for details.