Custom CSS Styling

Created by josh
July 26, 2020 10:45:37 PM PDT

The styles for Gaseous are mostly composed of built-in CSS from the codebase with additions as seen in the CSS Style Management admin panel (/admin/css/). The installation of Gaseous introduced some default styling, which is rendered after the style rules from the codebase.

In the Settings Management panel (/admin/settings/), the output of the CSS can be inline or output as a compressed and minified file with the option titled "Output CSS iterator content in HTML style tag". To toggle this setting, the user must be able to edit settings.

The CSS admin panel provides workflows to preview previous iterations, preview current changes, revert to a previous iteration, and create a new iteration (either by loading a previous iteration into the editor, or creating a whole new set of style rules). When a new iteration is created, an optional commit message can be saved with it to provide a summary of what the changes include.

When the preview functionality is being used, a persistent notification is displayed in the bottom, right corner of the page.

To edit CSS within the application, a user must be associated with a role with Manage CSS enabled.