fix: repl scrollbars overlap with repl content

Fixes 3411

this also
- hides the timestamp for processing blocks when the sidecar is open
- modifies spinner color to make it more contrasty

Author: starpit

packages/core/web/css/carbon-overrides-common.css

@@ -95,7 +95,7 @@ body[kui-theme-style] .bx--link:hover {
 }
 
 .repl-block.processing .repl-prompt-right-element-status-icon .kui--icon-processing svg circle.bx--loading__stroke-kui {
-  stroke: var(--color-base0C);
+  /* stroke: var(--color-base0C); */
   stroke-dashoffset: 30;
 }
 

packages/core/web/css/ui.css

@@ -152,6 +152,7 @@ body.still-loading .repl {
 .repl-inner {
   overflow-y: auto;
   flex: 1;
+  padding-right: 0.375em;
 }
 .repl.sidecar-visible .repl-block {
   background: transparent;
@@ -355,7 +356,7 @@ body:not(.subwindow) .repl .repl-prompt-right-element-status-icon.deemphasize {
   display: block;
 }
 .repl-block.processing .repl-prompt-right-element-status-icon .kui--icon-processing svg circle {
-  stroke: var(--color-brand-03);
+  stroke: var(--color-base0E);
 }
 svg.kui--error-icon path[data-icon-path="inner-path"],
 .repl-block .repl-prompt-right-element-status-icon svg path[data-icon-path="inner-path"] {
@@ -380,6 +381,7 @@ svg.kui--error-icon path:not([data-icon-path="inner-path"]),
 .repl-prompt-right-elements .repl-prompt-right-element-status-icon:hover {
   opacity: 1;
 }
+repl.sidecar-visible .repl-prompt-timestamp,
 repl.sidecar-visible .repl-block:not(.processing) .repl-prompt-right-elements,
 .repl-active .repl-prompt-right-elements {
   display: none; /* see the comment for repl-input re: min-height */