From 21b1a14aeb04a5ac9dc62b2c4d97047e379ee8c7 Mon Sep 17 00:00:00 2001
From: Christian Helgeson <62450112+cmhhelgeson@users.noreply.github.com>
Date: Mon, 4 Dec 2023 14:03:54 -0800
Subject: [PATCH] Added small animation to switching sources/files in
 codeMirror editor (#322)

---
 src/components/SampleLayout.module.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/components/SampleLayout.module.css b/src/components/SampleLayout.module.css
index d7d530fc..fac4d2b0 100644
--- a/src/components/SampleLayout.module.css
+++ b/src/components/SampleLayout.module.css
@@ -32,10 +32,21 @@ nav.sourceFileNav li a {
   background-color: #403e3e;
 }
 
+nav.sourceFileNav li:hover {
+  height: 100%;
+  box-shadow: 0 -10px 0 0 rgb(167, 167, 167);
+  border-radius: 10px
+}
+
 nav.sourceFileNav li a[data-active=true] {
   background-color: #282823;
 }
 
+nav.sourceFileNav li:has(a[data-active=true]) {
+  box-shadow: 0 -10px 0 0 rgb(167, 167, 167);
+  border-radius: 10px;
+}
+
 .sourceFileContainer {
   overflow: hidden;
   height: 0;
@@ -47,4 +58,4 @@ nav.sourceFileNav li a[data-active=true] {
 
 .sourceFileContainer :global(.CodeMirror) {
   margin-top: 0;
-}
+}
\ No newline at end of file