From e8fb234838b4c8a9092dba131fb11102382ed52a Mon Sep 17 00:00:00 2001 From: Tessa Thornton Date: Tue, 14 Jan 2020 12:26:56 -0500 Subject: [PATCH] [CORL-850] use pngs for logo (#2790) * use png instead of svg for logo * update snap Co-authored-by: Wyatt Johnson --- .../invite/__snapshots__/invite.spec.tsx.snap | 248 +----------------- .../ui/components/Brand/LogoHorizontal.css | 4 +- .../ui/components/Brand/LogoHorizontal.tsx | 110 +------- .../client/ui/components/Brand/logo@2x.png | Bin 0 -> 9319 bytes 4 files changed, 12 insertions(+), 350 deletions(-) create mode 100644 src/core/client/ui/components/Brand/logo@2x.png diff --git a/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap b/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap index 4d5d3a0a0..4923bb4d3 100644 --- a/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap +++ b/src/core/client/admin/test/invite/__snapshots__/invite.spec.tsx.snap @@ -23,127 +23,11 @@ exports[`renders form 1`] = ` > Coral - - - Coral by Vox Media - - - - - - - - - - - - - - - - - - - - - - - - - - - - + src="logo@2x.png" + /> @@ -314,127 +198,11 @@ exports[`renders missing the token 1`] = ` > Coral - - - Coral by Vox Media - - - - - - - - - - - - - - - - - - - - - - - - - - - - + src="logo@2x.png" + /> diff --git a/src/core/client/ui/components/Brand/LogoHorizontal.css b/src/core/client/ui/components/Brand/LogoHorizontal.css index 314c00e26..03d74e73b 100644 --- a/src/core/client/ui/components/Brand/LogoHorizontal.css +++ b/src/core/client/ui/components/Brand/LogoHorizontal.css @@ -3,9 +3,9 @@ width: 89px; } -.hiddenTitle { +.hiddenTitle { position: absolute !important; - height: 1px; + height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ diff --git a/src/core/client/ui/components/Brand/LogoHorizontal.tsx b/src/core/client/ui/components/Brand/LogoHorizontal.tsx index 6b32bb156..00cfe2da9 100644 --- a/src/core/client/ui/components/Brand/LogoHorizontal.tsx +++ b/src/core/client/ui/components/Brand/LogoHorizontal.tsx @@ -2,7 +2,7 @@ import { Localized } from "@fluent/react/compat"; import React, { FunctionComponent } from "react"; import { withStyles } from "coral-ui/hocs"; - +import logo2x from "./logo@2x.png"; import styles from "./LogoHorizontal.css"; interface Props { @@ -23,113 +23,7 @@ const LogoHorizontal: FunctionComponent = ({ Coral - - Coral by Vox Media - - - - - - - - - - - - - - - - - - - - - - - - - - - + ); LogoHorizontal.defaultProps = { diff --git a/src/core/client/ui/components/Brand/logo@2x.png b/src/core/client/ui/components/Brand/logo@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..4d3505433d1d7ea13fbf64e0132d2366a559e64e GIT binary patch literal 9319 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