script-server
script-server copied to clipboard
Allowing to scroll output at full height
Hi!
I have noticed that on parameter-heavy scripts, there's not much windows left for the script output, and you may have to scroll on a tiny window.
I have played with some CSS overrides to change this behaviour so that:
- Main pane will scroll up if the script output exceeds the remaining space (the parameter section will scroll up and disappear), so you can see a full navigator height of output!
- Moved the copy button to the top-left, so we don't have to scroll all the window to the end to copy the output
Cons:
- It always shows the dark script output window, even before running; nothing really important
- The input field is pushed down and can easily end up out of sight in the scrollable section, so it might be a bit undesired for some folks, as you have to scroll down to see it again
- I sometimes see double scroll bars, I might have missed some
displayattribute in an undesired state.
To fix the cons, it might need some HTML reorganization, but I will leave that to @bugy's discretion.
Not requesting a fix, but leaving this here just in case someone finds it useful.
CSS overrides to get this behaviour:
.actions-panel {
margin-bottom: 12px;
}
.script-view .log-panel {
margin-top: 0px !important;
display: table !important;
}
.script-view .log-panel .log-content {
overflow-y: unset !important;
}
.log-panel .copy-text-button {
bottom: unset !important;
top: 4px;
}
.content-panel {
overflow: auto;
background: var(--background-color);
}