Merge branch 'main' into feat-timeline-high-res-scaling

Author: lukecotter

CHANGELOG.md

@@ -15,8 +15,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
-- Performance regression of Call Tree rendering ([#581][#581])
-- Call Tree not correctly keeping position when rows where hidden / shown via Details and Debug Only ([#581][#581])
+- Call Tree: Performance regression of Call Tree rendering ([#581][#581])
+- Call Tree: Call Tree not correctly keeping position when rows where hidden / shown via Details and Debug Only ([#581][#581])
+- Database: Call stack shows items horizontally instead of vertically ([#582][#582])
 
 ## [1.16.1] - 2024-12-03
 
@@ -376,6 +377,7 @@ Skipped due to adopting odd numbering for pre releases and even number for relea
 
 [#504]: https://github.com/certinia/debug-log-analyzer/issues/504
 [#581]: https://github.com/certinia/debug-log-analyzer/issues/581
+[#582]: https://github.com/certinia/debug-log-analyzer/issues/582
 [#588]: https://github.com/certinia/debug-log-analyzer/issues/588
 
 <!-- 1.16.1 -->

log-viewer/modules/components/CallStack.ts

@@ -33,27 +33,28 @@ export class CallStack extends LitElement {
         overflow: scroll;
       }
 
-      .stackEntry {
+      details summary {
         cursor: pointer;
       }
 
-      .dbLinkContainer {
+      details summary > * {
+        display: inline;
+      }
+
+      .callstack {
         display: flex;
+        flex-direction: column;
       }
 
-      .title {
-        font-weight: bold;
+      .callstack__item {
+        cursor: pointer;
       }
 
-      .code-text {
+      .code_text {
         font-family: monospace;
         font-weight: var(--vscode-font-weight, normal);
         font-size: var(--vscode-editor-font-size, 0.9em);
       }
-
-      details {
-        display: flex;
-      }
     `,
   ];
 
@@ -70,18 +71,18 @@ export class CallStack extends LitElement {
 
       return html` <details>
         <summary>${details[0]}</summary>
-        ${details.slice(1, -1)}
+        <div class="callstack">${details.slice(1, -1)}</div>
       </details>`;
     } else {
-      return html` <div class="stackEntry">No call stack available</div>`;
+      return html` <div class="callstack__item">No call stack available</div>`;
     }
   }
 
   private lineLink(line: LogLine) {
     return html`
       <a
         @click=${this.onCallerClick}
-        class="stackEntry code-text"
+        class="callstack__item code_text"
         data-timestamp="${line.timestamp}"
         >${line.text}</a
       >