From da373bfb282cad2769ba929006fdfece9bb3d212 Mon Sep 17 00:00:00 2001
From: Andrew Levans <121060410+ALevansSamsung@users.noreply.github.com>
Date: Thu, 30 Nov 2023 09:38:37 -0600
Subject: [PATCH] Pinned tracks still show in their normal location in the
 timeline #620 (#90)

* Do not remove track from timeline on pin

* Clearer divide between pinned track area
---
 ui/src/assets/common.scss | 1 +
 ui/src/common/actions.ts  | 7 -------
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/ui/src/assets/common.scss b/ui/src/assets/common.scss
index 21e9e5cc46..7b2fa8cb1a 100644
--- a/ui/src/assets/common.scss
+++ b/ui/src/assets/common.scss
@@ -495,6 +495,7 @@ $bottom-tab-padding: 10px;
   // Override top level overflow: hidden so height of this flex item can be
   // its content height.
   overflow: visible;
+  border-bottom:1px solid var(--main-foreground-color);
   box-shadow: 1px 3px 15px rgba(23, 32, 44, 0.3);
   z-index: 2;
   display: grid;
diff --git a/ui/src/common/actions.ts b/ui/src/common/actions.ts
index e86ecc74c2..9b6eec8c87 100644
--- a/ui/src/common/actions.ts
+++ b/ui/src/common/actions.ts
@@ -734,17 +734,10 @@ export const StateActions = {
   toggleTrackPinned(state: StateDraft, args: {trackId: string}): void {
     const id = args.trackId;
     const isPinned = state.pinnedTracks.includes(id);
-    const trackGroup = assertExists(state.tracks[id]).trackGroup;
 
     if (isPinned) {
       state.pinnedTracks.splice(state.pinnedTracks.indexOf(id), 1);
-      if (trackGroup === SCROLLING_TRACK_GROUP) {
-        state.scrollingTracks.unshift(id);
-      }
     } else {
-      if (trackGroup === SCROLLING_TRACK_GROUP) {
-        state.scrollingTracks.splice(state.scrollingTracks.indexOf(id), 1);
-      }
       state.pinnedTracks.push(id);
     }
   },