Feature Request: Semi-Transparent CSS/JS in Full Screen code editor

[splaquet]

Subject pretty much says it all. I find that there’s often not enough room to see all of our custom css in the sidebar view, so I swap to full screen to find/replace/search. It’d be nice to see the changes display in real time, especially as small tweaks are being made.

I manually edited the cs.css file, to include these items… which 100% accomplishes what I’m looking for. I’m not positive how to include/@import them without editing the parent file though.

thoughts?

/pro/cornerstone/assets/dist-app/css/cs.css
###

.cs-code-editor-wrapper .CodeMirror.cm-s-solarized.cm-s-dark, 
.cm-s-solarized.cm-s-dark {background-color: rgba(0,43,54,.9)!important;}

.cs-app {background-color: rgba(245, 245, 245, 0.5)!important;}

.cs-workspace-expander-content {background-color: rgba(255, 255, 255, 0.1)!important;}

[ruenel]

Hello @splaquet,

Thanks for writing in! Your feedback has been noted. We’ve added this as a feature request so it can be taken into consideration for future development.

By the way, have you check out the vertical and horizontal option to view the inspector in the latest release (X 6.3/Pro 2.3)?

You can switch to the horizontal view and when you launch the custom css section, you will have a fullwidth css section and you can see part of the page above it. Adding any custom css, you should be seeing the changes in the preview above it.

Hope this helps.

[splaquet]

I hadn’t noticed that yet, actually. Looking forward to giving it a go!

Thank you for taking my idea into consideration. I often find myself having to open/close the CSS panel. If I really make my life a bit easier… even if it was only a tad bit transparent.

…because, it’s those little things that matter, when you’re dialing it in

[ruenel]

You’re welcome and best regards.