Style the Debug Console for a Friendlier User Experience

[corygalyna]

Description

Please provide a short description of what feature you're looking forward to
enhance below. Please include the story behind your idea as well to give a
better visualization of your idea.

The Hestia Debug Console in hestiaHUGO is left untouched and presented in the ugliest possible manner of all things. Please style it so that it makes content development experience a lot less painful and easier to use.

Expected Behavior

Please specify the expected behavior of your requested enhancement. Some great
and helpful pointers are your expected interface (e.g. command patterns,
simple sketches of the user interface, etc).

The Debug Console is no longer harassing the body layout. User does not need to inspect and delete the Debug Console every single time.

• trigger interface
• Data store display
• Thumbnails display

Current Behavior

Please specify the current behavior (e.g. workaround, blockage, etc).

The Debug Console is harassing the output body layout. User has to manually inspect the page and remove the console every single time.

Like this is bad for a blank page:

Attachment

Please drag and drop the necessary data files (e.g. screenshot, logs, etc)
below.

[hollowaykeanho]

Completed redesigning the interface with dialog here: dc0cb95

[hollowaykeanho]

On the page, a button is available at the bottom right:

Clicking on it shall display a dialog:

[corygalyna]

Much better. Approved. Please proceed to develop the contents and we can close the case.

[hollowaykeanho]

Thumbnails renderer redesigned at 5d65498

[hollowaykeanho]

Re-styled data debugger console at commit: 5d65498

[corygalyna]

100% approved. Marked as completed. No further engineering efforts for this task.

[hollowaykeanho]

Transformed the entire thing into a styling resistant component and facilitated a config field for setting any debugger type (default to zoralab version) in commit dbc3889.

Existing solution crushed Google Chrome's tab's memory with overloading inline CSS codes and makes view-source completely unusable.

[hollowaykeanho]

Released in version v.1.2.0.