From 278f0d4ab9e38f23985b2f29f7ff11625a7d14d7 Mon Sep 17 00:00:00 2001 From: Jamie Hewitt Date: Wed, 13 Apr 2022 14:45:02 +0300 Subject: [PATCH] Changing brand-white to currentColor --- .../@shared/NetworkName/index.module.css | 7 ++++--- .../Publish/Actions/index.module.css | 2 +- src/components/Publish/Actions/index.tsx | 3 ++- src/components/Publish/Title/index.module.css | 15 --------------- src/components/Publish/Title/index.tsx | 19 ++++++------------- 5 files changed, 13 insertions(+), 33 deletions(-) diff --git a/src/components/@shared/NetworkName/index.module.css b/src/components/@shared/NetworkName/index.module.css index 6aab11504..72379033b 100644 --- a/src/components/@shared/NetworkName/index.module.css +++ b/src/components/@shared/NetworkName/index.module.css @@ -7,10 +7,11 @@ .icon { display: inline-block; - width: 1.2em; - height: 1.2em; - fill: currentColor; margin-right: calc(var(--spacer) / 8); + width: 1em; + height: 1em; + margin-top: -0.25em; + fill: currentColor; } .minimal { diff --git a/src/components/Publish/Actions/index.module.css b/src/components/Publish/Actions/index.module.css index 8d4c95c92..c809a7293 100644 --- a/src/components/Publish/Actions/index.module.css +++ b/src/components/Publish/Actions/index.module.css @@ -16,5 +16,5 @@ display: inline-block; margin-bottom: -0.1em; margin-left: calc(var(--spacer) / 6); - fill: var(--brand-white); + fill: currentColor; } diff --git a/src/components/Publish/Actions/index.tsx b/src/components/Publish/Actions/index.tsx index 578e022ec..b54a95e60 100644 --- a/src/components/Publish/Actions/index.tsx +++ b/src/components/Publish/Actions/index.tsx @@ -85,7 +85,8 @@ export default function Actions({ ) : !isSupportedOceanNetwork ? ( }> ) : ( diff --git a/src/components/Publish/Title/index.module.css b/src/components/Publish/Title/index.module.css index 8924a4bf6..384783759 100644 --- a/src/components/Publish/Title/index.module.css +++ b/src/components/Publish/Title/index.module.css @@ -6,12 +6,6 @@ color: var(--brand-alert-red); margin-left: calc(var(--spacer) / 3); } -.network svg { - width: 1em; - height: 1em; - margin-top: -0.25em; - fill: currentColor; -} .tooltip { width: 0.5em; @@ -22,12 +16,3 @@ height: 0.5em; fill: var(--brand-alert-red); } -.errorIcon { - width: 0.85em; - height: 0.85em; - cursor: help; - display: inline-block; - margin-bottom: -0.1em; - margin-left: calc(var(--spacer) / 6); - color: var(--brand-alert-red); -} diff --git a/src/components/Publish/Title/index.tsx b/src/components/Publish/Title/index.tsx index 6ba8bb34d..d21d85b19 100644 --- a/src/components/Publish/Title/index.tsx +++ b/src/components/Publish/Title/index.tsx @@ -25,19 +25,12 @@ export default function Title({ isSupportedOceanNetwork ? styles.network : styles.wrongNetwork } /> - {isSupportedOceanNetwork ? ( - } - className={styles.tooltip} - /> - ) : ( - } - className={styles.errorTooltip} - > - - - )} + } + className={ + isSupportedOceanNetwork ? styles.tooltip : styles.errorIcon + } + /> )}