[WEB-713] style: remove tooltips in mobile responsiveness (#3948)
Co-authored-by: sriram veeraghanta <veeraghanta.sriram@gmail.com>
This commit is contained in:
parent
b930d98665
commit
cb632408f9
70 changed files with 327 additions and 147 deletions
|
|
@ -8,6 +8,7 @@ import { cn } from "helpers/common.helper";
|
|||
import { useModule } from "hooks/store";
|
||||
import { useDropdownKeyDown } from "hooks/use-dropdown-key-down";
|
||||
import useOutsideClickDetector from "hooks/use-outside-click-detector";
|
||||
import { usePlatformOS } from "hooks/use-platform-os";
|
||||
// components
|
||||
import { DropdownButton } from "../buttons";
|
||||
// icons
|
||||
|
|
@ -66,6 +67,7 @@ const ButtonContent: React.FC<ButtonContentProps> = (props) => {
|
|||
} = props;
|
||||
// store hooks
|
||||
const { getModuleById } = useModule();
|
||||
const { isMobile } = usePlatformOS();
|
||||
|
||||
if (Array.isArray(value))
|
||||
return (
|
||||
|
|
@ -92,12 +94,12 @@ const ButtonContent: React.FC<ButtonContentProps> = (props) => {
|
|||
>
|
||||
{!hideIcon && <DiceIcon className="h-2.5 w-2.5 flex-shrink-0" />}
|
||||
{!hideText && (
|
||||
<Tooltip tooltipHeading="Title" tooltipContent={moduleDetails?.name} disabled={!showTooltip}>
|
||||
<Tooltip tooltipHeading="Title" tooltipContent={moduleDetails?.name} disabled={!showTooltip} isMobile={isMobile}>
|
||||
<span className="max-w-40 flex-grow truncate text-xs font-medium">{moduleDetails?.name}</span>
|
||||
</Tooltip>
|
||||
)}
|
||||
{!disabled && (
|
||||
<Tooltip tooltipContent="Remove" disabled={!showTooltip}>
|
||||
<Tooltip tooltipContent="Remove" disabled={!showTooltip} isMobile={isMobile}>
|
||||
<button
|
||||
type="button"
|
||||
className="flex-shrink-0"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue