Added small animation to switching sources/files in codeMirror editor (…

…#322)
webgpu · Dec 4, 2023 · 21b1a14 · 21b1a14
1 parent 6ab3292
commit 21b1a14
Showing 1 changed file with 12 additions and 1 deletion.
diff --git 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;
-}
+}