From f7f190022a67f653777ae25009ae4098923e4ea5 Mon Sep 17 00:00:00 2001 From: JyyHuang Date: Mon, 8 Apr 2024 14:36:09 -0400 Subject: [PATCH] replaced speech bubble graphic on why8by8 page --- .../pages/why-8by8/graphics/speech-bubble.png | Bin 8738 -> 0 bytes .../pages/why-8by8/graphics/speech-bubble.svg | 4 ++++ .../why8by8/__snapshots__/page.snapshot.tsx.snap | 3 ++- src/app/why8by8/page.tsx | 6 +++--- src/app/why8by8/styles.module.scss | 3 +++ .../classes/molecules/_text-decoration.scss | 2 +- 6 files changed, 13 insertions(+), 5 deletions(-) delete mode 100644 public/static/images/pages/why-8by8/graphics/speech-bubble.png create mode 100644 public/static/images/pages/why-8by8/graphics/speech-bubble.svg diff --git a/public/static/images/pages/why-8by8/graphics/speech-bubble.png b/public/static/images/pages/why-8by8/graphics/speech-bubble.png deleted file mode 100644 index 21f066da462ab0113d42cd6ddc80ad5655c268c9..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8738 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 Lnu=xe79sx+;&?k6 diff --git a/public/static/images/pages/why-8by8/graphics/speech-bubble.svg b/public/static/images/pages/why-8by8/graphics/speech-bubble.svg new file mode 100644 index 00000000..5c0e9e44 --- /dev/null +++ b/public/static/images/pages/why-8by8/graphics/speech-bubble.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/__tests__/pages/why8by8/__snapshots__/page.snapshot.tsx.snap b/src/__tests__/pages/why8by8/__snapshots__/page.snapshot.tsx.snap index e4a7abd1..bc4e3b52 100644 --- a/src/__tests__/pages/why8by8/__snapshots__/page.snapshot.tsx.snap +++ b/src/__tests__/pages/why8by8/__snapshots__/page.snapshot.tsx.snap @@ -369,6 +369,7 @@ exports[`Why8by8 renders why8by8 page unchanged 1`] = ` Vote Bubble
- Source:   + Source:  diff --git a/src/app/why8by8/page.tsx b/src/app/why8by8/page.tsx index 1d779864..f31df156 100644 --- a/src/app/why8by8/page.tsx +++ b/src/app/why8by8/page.tsx @@ -3,7 +3,7 @@ import Link from 'next/link'; import { PageContainer } from '@/components/utils/page-container'; import TealCurve from '../../../public/static/images/pages/home/teal-curve.svg'; import TealBottom from '../../../public/static/images/pages/why-8by8/shapes/teal-curve-1.png'; -import VoteBubble from '../../../public/static/images/pages/why-8by8/graphics/speech-bubble.png'; +import VoteBubble from '../../../public/static/images/pages/why-8by8/graphics/speech-bubble.svg'; import Arnab from '../../../public/static/images/pages/why-8by8/portraits/arnab.png'; import Luis from '../../../public/static/images/pages/why-8by8/portraits/luis.png'; import Yudy from '../../../public/static/images/pages/why-8by8/portraits/yudy.png'; @@ -193,7 +193,7 @@ export default function Why8by8() { That's a very small portion of AAPI voters who already make up 4% of the overall electorate! Your vote really counts! - Vote Bubble + Vote Bubble
@@ -202,7 +202,7 @@ export default function Why8by8() {

- Source:   + Source:  Stop AAPI Hate Report (2020-2021) diff --git a/src/app/why8by8/styles.module.scss b/src/app/why8by8/styles.module.scss index ca447bf2..d84aef82 100644 --- a/src/app/why8by8/styles.module.scss +++ b/src/app/why8by8/styles.module.scss @@ -294,6 +294,9 @@ font-family: partials.$font-family-lato; font-size: 12px; } + .vote_bubble { + width: 70%; + } } .links_box { background-color: partials.$color-black-8by8; diff --git a/src/styles/partials/classes/molecules/_text-decoration.scss b/src/styles/partials/classes/molecules/_text-decoration.scss index 09ae60fc..b598f048 100644 --- a/src/styles/partials/classes/molecules/_text-decoration.scss +++ b/src/styles/partials/classes/molecules/_text-decoration.scss @@ -10,4 +10,4 @@ text-decoration: underline colors.$teal 10px; text-underline-offset: -5px; } -} \ No newline at end of file +}