script-server icon indicating copy to clipboard operation
script-server copied to clipboard

Allowing to scroll output at full height

Open chiva opened this issue 2 years ago • 0 comments

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 display attribute 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);
}

chiva avatar Apr 12 '23 16:04 chiva