From 00b7ec2874722246f65207e45c49bdfa562c649f Mon Sep 17 00:00:00 2001 From: Peter Zimon Date: Mon, 20 Apr 2020 17:46:59 +0200 Subject: [PATCH] Icon fixes on integrations night shift refs. https://github.com/TryGhost/Ghost/issues/11342 - replaced Zapier and Amp logos for SVGs with transparent background so that there's no white background in night shift - inverted Unsplash icon in night shift (similarly to Mailchimp, Typeform etc.) - replaced ellipsis icon for SVG and handled night shift color change - removed unnecessary icon container drop shadow in integration detail pages for night shift --- app/styles/app-dark.css | 5 +++++ app/styles/layouts/apps.css | 4 ++++ app/templates/settings/integrations.hbs | 9 +++++---- app/templates/settings/integrations/amp.hbs | 4 ++-- app/templates/settings/integrations/slack.hbs | 2 +- app/templates/settings/integrations/unsplash.hbs | 4 ++-- app/templates/settings/integrations/zapier.hbs | 4 ++-- public/assets/icons/circle-ellipsis.svg | 1 + public/assets/img/amp.svg | 1 + public/assets/img/ampicon.png | Bin 3056 -> 0 bytes public/assets/img/zapier.svg | 1 + public/assets/img/zapiericon.png | Bin 8034 -> 0 bytes 12 files changed, 24 insertions(+), 11 deletions(-) create mode 100644 public/assets/icons/circle-ellipsis.svg create mode 100644 public/assets/img/amp.svg delete mode 100644 public/assets/img/ampicon.png create mode 100644 public/assets/img/zapier.svg delete mode 100644 public/assets/img/zapiericon.png diff --git a/app/styles/app-dark.css b/app/styles/app-dark.css index b4057bec8..e0ec04e00 100644 --- a/app/styles/app-dark.css +++ b/app/styles/app-dark.css @@ -438,10 +438,15 @@ input:focus, .id-mailchimp img, .id-typeform img, .id-buffer img, +.id-unsplash, .id-more img { filter: invert(100%); } +.dark-no-shadow { + box-shadow: none; +} + .gh-nav { border-right: none; } diff --git a/app/styles/layouts/apps.css b/app/styles/layouts/apps.css index a62c092aa..637da64fe 100644 --- a/app/styles/layouts/apps.css +++ b/app/styles/layouts/apps.css @@ -53,6 +53,10 @@ margin-top: 4px; } +.id-more svg circle { + stroke: var(--midlightgrey); +} + @media (max-width: 1320px) { .integrations-directory { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; diff --git a/app/templates/settings/integrations.hbs b/app/templates/settings/integrations.hbs index f3b3bcfbd..b2dc3a519 100644 --- a/app/templates/settings/integrations.hbs +++ b/app/templates/settings/integrations.hbs @@ -50,7 +50,8 @@
More
 @@ -65,7 +66,7 @@
-
+

Zapier

Automation for your favourite apps

@@ -109,7 +110,7 @@
-
+

AMP

Google Accelerated Mobile Pages

@@ -133,7 +134,7 @@
-
+

Unsplash

Beautiful, free photos

diff --git a/app/templates/settings/integrations/amp.hbs b/app/templates/settings/integrations/amp.hbs index 7a4795fcb..e48060b8f 100644 --- a/app/templates/settings/integrations/amp.hbs +++ b/app/templates/settings/integrations/amp.hbs @@ -20,8 +20,8 @@
-
- +
+
diff --git a/app/templates/settings/integrations/slack.hbs b/app/templates/settings/integrations/slack.hbs index 18e15c19d..0e72cbc96 100644 --- a/app/templates/settings/integrations/slack.hbs +++ b/app/templates/settings/integrations/slack.hbs @@ -20,7 +20,7 @@
-
+
diff --git a/app/templates/settings/integrations/unsplash.hbs b/app/templates/settings/integrations/unsplash.hbs index 4e439ab29..8cd6179e1 100644 --- a/app/templates/settings/integrations/unsplash.hbs +++ b/app/templates/settings/integrations/unsplash.hbs @@ -20,8 +20,8 @@
-
- +
+
diff --git a/app/templates/settings/integrations/zapier.hbs b/app/templates/settings/integrations/zapier.hbs index 35ac82b91..67b709a56 100644 --- a/app/templates/settings/integrations/zapier.hbs +++ b/app/templates/settings/integrations/zapier.hbs @@ -10,8 +10,8 @@
-
- +
+
diff --git a/public/assets/icons/circle-ellipsis.svg b/public/assets/icons/circle-ellipsis.svg new file mode 100644 index 000000000..5d8207415 --- /dev/null +++ b/public/assets/icons/circle-ellipsis.svg @@ -0,0 +1 @@ +navigation-menu-horizontal \ No newline at end of file diff --git a/public/assets/img/amp.svg b/public/assets/img/amp.svg new file mode 100644 index 000000000..e14959f19 --- /dev/null +++ b/public/assets/img/amp.svg @@ -0,0 +1 @@ +amp-5 \ No newline at end of file diff --git a/public/assets/img/ampicon.png b/public/assets/img/ampicon.png deleted file mode 100644 index 1231640d5c46813d0d0e429798c5599b79b63883..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 3056 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 \ No newline at end of file diff --git a/public/assets/img/zapiericon.png b/public/assets/img/zapiericon.png deleted file mode 100644 index e189114b35d81ec84fb24964d664c2d9f6eccae3..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8034 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%0Dz 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 Jt*m9}e*x&h72yB?