website: Fix z-indexes + close sidebar in demo

evanpurkhiser · Jan 3, 2021 · 604a8d5 · 604a8d5
1 parent c3338c4
commit 604a8d5
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/src/website/Landing.tsx b/src/website/Landing.tsx
@@ -137,7 +137,6 @@ const shadeStyles = css`
   left: 0;
   right: 0;
   bottom: 0;
-  z-index: 0;
   transform-origin: 0 100%;
 `;
 
@@ -263,6 +262,7 @@ OverlayShade.defaultProps = {
 };
 
 const ExampleContent = styled('div')`
+  z-index: 1;
   width: 100%;
   height: 400px;
   max-width: 1264px;
@@ -281,7 +281,6 @@ const ConfigContainer = styled(motion.div)`
   background: ${p => p.theme.background};
   box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
   border-radius: 5px;
-  z-index: 2;
 
   @media only screen and (max-width: 1200px) {
     display: none;

diff --git a/src/website/components/ActivityLink.tsx b/src/website/components/ActivityLink.tsx
@@ -65,6 +65,7 @@ const Container = styled(motion.div)`
   margin-top: -180px;
   margin-bottom: -60px;
   position: relative;
+  z-index: 1;
 
   @media only screen and (max-width: 1200px) {
     display: none;

diff --git a/src/website/demo/playingTracks.tsx b/src/website/demo/playingTracks.tsx
@@ -20,6 +20,7 @@ const bootRoutine = new Routine([
     fn: () => {
       store.isInitalized = true;
       store.networkState = NetworkState.Online;
+      store.config.sidebarCollapsed = true;
 
       store.config.overlays.push({
         key: 'exampleNowPlaying',