Add a dummy search button

electinth · Mar 21, 2019 · 2042b9b · 2042b9b · 0pdd · Mar 21, 2019
1 parent 266a0fb
commit 2042b9b
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/src/components/ZoneMasterView.js b/src/components/ZoneMasterView.js
@@ -107,7 +107,16 @@ export default function ZoneMasterView({ contentHeader, contentBody, popup }) {
             }}
           >
             <div css={{ marginTop: 10 }}>
-              <ZoneFilterPanel triggerSearch={activeSidebar === "search"} />
+              {
+                // @todo #1 Implement and style search button on desktop.
+              }
+              <button
+                css={{ float: "right" }}
+                onClick={() => setActiveSidebar("search")}
+              >
+                Search
+              </button>
+              <ZoneFilterPanel />
             </div>
           </div>
 
@@ -129,6 +138,7 @@ export default function ZoneMasterView({ contentHeader, contentBody, popup }) {
         <Responsive
           breakpoint={DESKTOP_MIN_WIDTH}
           narrow={renderMobileSidebar()}
+          wide={renderMobileSidebar()}
         />
       </ContentWrapper>
     </div>
@@ -283,7 +293,7 @@ function Popup({ children }) {
         left: 0,
         zIndex: 20,
         background: "#eee",
-        animation: `${popup} 0.5s`,
+        animation: `${popup} 0.7s`,
         [media(DESKTOP_MIN_WIDTH)]: {
           position: "absolute",
           animation: "none",
@@ -297,7 +307,10 @@ function Popup({ children }) {
 
 const popup = keyframes({
   from: {
-    transform: "translateY(100%)",
+    transform: "translateY(100%) scale(0.5)",
+  },
+  "50%": {
+    transform: "scale(0.5)",
   },
   to: {
     transform: "translateY(0%)",