From 191c7e312b77966183a7f0273a8e1346116164e0 Mon Sep 17 00:00:00 2001 From: Simon Backx Date: Fri, 27 May 2022 16:20:40 +0200 Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Reduced=20favicon=20requirements?= =?UTF-8?q?=20(#2408)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit refs TryGhost/Team#1652 - Support picking new image types in the favicon image uploader. - Added support for non-square and not resizable files (e.g., svg files) as favicon (cover background image). --- ghost/admin/app/components/gh-image-uploader.js | 6 +++--- ghost/admin/app/styles/layouts/main.css | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/ghost/admin/app/components/gh-image-uploader.js b/ghost/admin/app/components/gh-image-uploader.js index 3a9ae6a063..ce008e9c55 100644 --- a/ghost/admin/app/components/gh-image-uploader.js +++ b/ghost/admin/app/components/gh-image-uploader.js @@ -14,11 +14,11 @@ import {run} from '@ember/runloop'; import {inject as service} from '@ember/service'; export const IMAGE_MIME_TYPES = 'image/gif,image/jpg,image/jpeg,image/png,image/svg+xml,image/webp'; -export const IMAGE_EXTENSIONS = ['gif', 'jpg', 'jpeg', 'png', 'svg', 'webp']; +export const IMAGE_EXTENSIONS = ['gif', 'jpg', 'jpeg', 'png', 'svg', 'svgz', 'webp']; export const IMAGE_PARAMS = {purpose: 'image'}; -export const ICON_EXTENSIONS = ['ico', 'png']; -export const ICON_MIME_TYPES = 'image/png,image/x-icon'; +export const ICON_EXTENSIONS = ['gif', 'ico', 'jpg', 'jpeg', 'png', 'svg', 'svgz', 'webp']; +export const ICON_MIME_TYPES = 'image/x-icon,image/vnd.microsoft.icon,image/gif,image/jpg,image/jpeg,image/png,image/svg+xml,image/webp'; export const ICON_PARAMS = {purpose: 'icon'}; export default Component.extend({ diff --git a/ghost/admin/app/styles/layouts/main.css b/ghost/admin/app/styles/layouts/main.css index fefbd1a270..934e69faff 100644 --- a/ghost/admin/app/styles/layouts/main.css +++ b/ghost/admin/app/styles/layouts/main.css @@ -174,7 +174,7 @@ width: 32px; height: 32px; background-color: transparent; - background-size: 32px; + background-size: cover; border-radius: 6px; }