diff options
| author | fragosti <francesco.agosti93@gmail.com> | 2018-07-04 09:22:19 +0800 |
|---|---|---|
| committer | fragosti <francesco.agosti93@gmail.com> | 2018-07-04 09:22:19 +0800 |
| commit | 0f11ae1875aa7e21683953b45e45afb38c00c07a (patch) | |
| tree | 54ce271620afe09f382e01f6e880f274a1119169 | |
| parent | 6e87e3e1ac1eb6200b9f6797890b7e42efefae5d (diff) | |
| download | dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.gz dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.bz2 dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.lz dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.xz dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.tar.zst dexon-0x-contracts-0f11ae1875aa7e21683953b45e45afb38c00c07a.zip | |
No longer elevate relayer grid tile on long press
| -rw-r--r-- | packages/website/ts/components/relayer_index/relayer_grid_tile.tsx | 5 | ||||
| -rw-r--r-- | packages/website/ts/style/media.ts | 2 |
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)}; } `; |