From 9d1d92fb42f7a6595af889a45e52c1d97bb17fe2 Mon Sep 17 00:00:00 2001
From: Amruth Pillai <im.amruth@gmail.com>
Date: Wed, 1 Apr 2020 15:57:14 +0530
Subject: [PATCH] add opacity animation to page controller

---
 src/shared/PageController.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/shared/PageController.js b/src/shared/PageController.js
index 1ed55afe..46f8e69a 100644
--- a/src/shared/PageController.js
+++ b/src/shared/PageController.js
@@ -14,7 +14,10 @@ const PageController = () => {
   };
 
   return (
-    <div id="pageController" className="absolute z-20">
+    <div
+      id="pageController"
+      className="absolute z-20 opacity-75 hover:opacity-100 transition-all duration-150"
+    >
       <div className="px-8 border border-gray-200 rounded-full bg-white flex justify-center items-center select-none">
         <div className="p-3 hover:bg-gray-200 cursor-pointer flex" onClick={zoomIn}>
           <i className="material-icons">zoom_in</i>