fix: add tooltip limit (#118)

zhihu · Mar 31, 2020 · af8dbf8 · af8dbf8
1 parent a99512b
commit af8dbf8
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/packages/griffith/src/components/Controller/items/FullScreenButtonItem.js b/packages/griffith/src/components/Controller/items/FullScreenButtonItem.js
@@ -1,11 +1,14 @@
 import React from 'react'
 import {css} from 'aphrodite/no-important'
+import {ua} from 'griffith-utils'
 import styles from '../styles'
 import Icon from '../../Icon'
 import * as icons from '../../Icon/icons/controller'
 import Tooltip from '../../Tooltip'
 import Hover from '../../Hover'
 
+const {isMobile} = ua
+
 const FullScreenButtonItem = ({isFullScreen, onClick}) => (
   <Hover className={css(styles.menuContainer)}>
     {isFullScreenHovered => (
@@ -21,13 +24,15 @@ const FullScreenButtonItem = ({isFullScreen, onClick}) => (
             isFullScreen && styles.fullScreenTooltipWide
           )}
         >
-          <Tooltip
-            content={
-              isFullScreen
-                ? 'action-exit-fullscreen'
-                : 'action-enter-fullscreen'
-            }
-          />
+          {!isMobile && (
+            <Tooltip
+              content={
+                isFullScreen
+                  ? 'action-exit-fullscreen'
+                  : 'action-enter-fullscreen'
+              }
+            />
+          )}
         </div>
       </React.Fragment>
     )}