node package manager

gl-compare-sidebar

gl-compare-sidebar experimental

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

screenshot

Usage

NPM

sidebar = createSidebar(compare)

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

sidebar.el

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

sidebar.content

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.

sidebar.status = 'message'

Updates the message displayed in the "status" area:

sidebar-status

sidebar.statusColor = '#f00'

Updates the color of the "status" area:

sidebar-status-color

License

MIT. See LICENSE.md for details.