From: Sergey Ponomarev <stokito@gmail.com>
Date: Tue, 12 Dec 2023 14:19:52 +0000 (+0200)
Subject: luci-theme-openwrt-2020: Fix Safari favicon: use PNG alongside with SVG
X-Git-Url: http://git.lede-project.org./?a=commitdiff_plain;h=b5a3354e828a19d7d836a3470d43cc57257e1f87;p=project%2Fluci.git

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>
---

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>