enhance(actions): action view enhancements (#38594)

- avoid layout shift on actions log view page load
- retain header border when actions log is scrolled
- when copying step output, only copy with timestamp when timestamp
display is enabled (useful for example when step output is plain json
and copying with timestamp would make that json unparsable).

web_src/js/components/ActionRunJobView.vue

@@ -216,9 +216,8 @@ async function copyStepOutput(event: MouseEvent, stepIndex: number) {
     for (const line of stepLog?.lines ?? []) {
       const cmd = parseLogLineCommand(line);
       if (cmd?.name === 'hidden' || cmd?.name === 'endgroup') continue;
-      const ts = formatDatetimeISO(line.timestamp);
       const msg = createLogLineMessage(line, cmd).textContent ?? '';
-      lines.push(`${ts} ${msg}`);
+      lines.push(timeVisible.value['log-time-stamp'] ? `${formatDatetimeISO(line.timestamp)} ${msg}` : msg);
     }
     return lines.join('\n');
   });
@@ -563,6 +562,7 @@ async function hashChangeListener() {
 
 .job-info-header:has(+ .job-step-container) {
   border-radius: var(--border-radius) var(--border-radius) 0 0;
+  border-bottom: 1px solid var(--color-console-border);
 }
 
 .job-info-header .job-info-header-title {
@@ -598,7 +598,6 @@ async function hashChangeListener() {
 .job-step-container {
   max-height: 100%;
   border-radius: 0 0 var(--border-radius) var(--border-radius);
-  border-top: 1px solid var(--color-console-border);
   z-index: 0;
 }
 

web_src/js/components/RepoActionView.vue

@@ -355,6 +355,7 @@ onBeforeUnmount(() => {
   flex-direction: column;
   gap: 4px;
   margin-top: 8px;
+  min-height: 50px; /* reserve the back link and title height so the body does not shift when the run data arrives */
 }
 
 .action-view-back {