aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorfragosti <francesco.agosti93@gmail.com>2018-07-04 09:22:19 +0800
committerfragosti <francesco.agosti93@gmail.com>2018-07-04 09:22:19 +0800
commit0f11ae1875aa7e21683953b45e45afb38c00c07a (patch)
tree54ce271620afe09f382e01f6e880f274a1119169 /packages/website
parent6e87e3e1ac1eb6200b9f6797890b7e42efefae5d (diff)
downloaddexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar
dexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.gz
dexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.bz2
dexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.lz
dexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.xz
dexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.zst
dexon-sol-tools-0f11ae1875aa7e21683953b45e45afb38c00c07a.zip
No longer elevate relayer grid tile on long press
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/components/relayer_index/relayer_grid_tile.tsx5
-rw-r--r--packages/website/ts/style/media.ts2
2 files changed, 4 insertions, 3 deletions
diff --git a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
index 02bc1b014..431cf145b 100644
--- a/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
+++ b/packages/website/ts/components/relayer_index/relayer_grid_tile.tsx
@@ -108,12 +108,13 @@ export const RelayerGridTile: React.StatelessComponent<RelayerGridTileProps> = (
const GridTile = styled(PlainGridTile)`
cursor: pointer;
- transition: transform 0.2s ease;
&:hover {
+ transition: transform 0.2s ease;
transform: translate(0px, -3px);
}
${media.small`
- transform: none;
+ transform: none !important;
+ transition: none !important;
`};
`;
diff --git a/packages/website/ts/style/media.ts b/packages/website/ts/style/media.ts
index 3c992eb9f..870d9a277 100644
--- a/packages/website/ts/style/media.ts
+++ b/packages/website/ts/style/media.ts
@@ -2,7 +2,7 @@ import { css } from 'ts/style/theme';
import { ScreenWidths } from 'ts/types';
const generateMediaWrapper = (screenWidth: ScreenWidths) => (...args: any[]) => css`
- @media (max-width: ${screenWidth}) {
+ @media (max-width: ${screenWidth}em) {
${css.apply(css, args)};
}
`;