reduce auto-scroll width on small screen devices

KhalisFoundation · Feb 20, 2023 · c6f7ce9 · MySmilingTurban · Mar 8, 2023 · c6f7ce9
1 parent 1543b1c
commit c6f7ce9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/js/components/FloatingActions/components/FloatingActions.tsx b/src/js/components/FloatingActions/components/FloatingActions.tsx
@@ -60,7 +60,7 @@ export class FloatingActions extends React.PureComponent<IFloatingActionsProps,
             {isShowFullScreen &&
               <div
                 style={lastIconStyles}
-                className="floatingActionsControl">
+                className="floatingActionsControl hide-tablet">
                 <FullScreen />
               </div>}
             {isShowScrollToTop &&
@@ -72,4 +72,4 @@ export class FloatingActions extends React.PureComponent<IFloatingActionsProps,
       </div>
     )
   }
-}
+}
diff --git a/src/scss/_auto-scroll-control.scss b/src/scss/_auto-scroll-control.scss
@@ -73,6 +73,15 @@
       height: 30px;
       width: 30px;
     }
+
+    @media screen and (max-width: 700px) {
+      height: 35px;
+      width: 35px;
+      > svg {
+        height: 12px;
+        width: 12px;
+      }
+    }
   }
 
   &Speed {