From b5a3354e828a19d7d836a3470d43cc57257e1f87 Mon Sep 17 00:00:00 2001
From: Sergey Ponomarev <stokito@gmail.com>
Date: Tue, 12 Dec 2023 16:19:52 +0200
Subject: [PATCH] luci-theme-openwrt-2020: Fix Safari favicon: use PNG
 alongside with SVG

Chrome, Edge and Firefox will use the SVG icon but Safari will use the PNG.
Chrome will try to pick an icon with a best suited dimension.
So it will also download the PNG to check it's dimension.
The explicitly specified sizes are preventing this.

Signed-off-by: Sergey Ponomarev <stokito@gmail.com>
---
 .../ucode/template/themes/openwrt2020/header.ut                | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut b/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
index fa9dea47b7..38fabea556 100644
--- a/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
+++ b/themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
@@ -19,7 +19,8 @@
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <link rel="stylesheet" type="text/css" media="screen" href="{{ media }}/cascade.css" />
-<link rel="icon" href="{{ media }}/logo.svg" />
+<link rel="icon" href="{{ media }}/logo.png" sizes="180x180">
+<link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 <link rel="apple-touch-icon" href="{{ media }}/logo.png" />
 <script type="text/javascript" src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
 <script type="text/javascript" src="{{ resource }}/cbi.js"></script>
-- 
2.30.2