diff --git a/projects/ngx-datatable/src/lib/utils/translate.ts b/projects/ngx-datatable/src/lib/utils/translate.ts index 839c47539..d861befc0 100644 --- a/projects/ngx-datatable/src/lib/utils/translate.ts +++ b/projects/ngx-datatable/src/lib/utils/translate.ts @@ -1,29 +1,3 @@ -import { getVendorPrefixedName } from './prefixes'; -import { camelCase } from './camel-case'; - -// browser detection and prefixing tools -const transform = typeof window !== 'undefined' ? getVendorPrefixedName('transform') : undefined; -const hasCSSTransforms = - typeof window !== 'undefined' ? !!getVendorPrefixedName('transform') : undefined; -const hasCSS3DTransforms = - typeof window !== 'undefined' ? !!getVendorPrefixedName('perspective') : undefined; -const ua = typeof window !== 'undefined' ? window.navigator.userAgent : 'Chrome'; -const isSafari = /Safari\//.test(ua) && !/Chrome\//.test(ua); - export function translateXY(x: number, y: number): Record { - if (typeof transform !== 'undefined' && hasCSSTransforms) { - if (!isSafari && hasCSS3DTransforms) { - return { - transform: `translate3d(${x}px, ${y}px, 0)`, - backfaceVisibility: 'hidden' - }; - } else { - return { [camelCase(transform)]: `translate(${x}px, ${y}px)` }; - } - } else { - return { - top: `${y}px`, - left: `${x}px` - }; - } + return { 'transform': `translate(${x}px, ${y}px)` }; }