luci-theme: remove LuCI from title, material changes
authorSelf-Hosting-Group <redacted>
Mon, 2 Mar 2026 00:00:00 +0000 (00:00 +0000)
committerPaul Donald <redacted>
Mon, 2 Mar 2026 18:14:01 +0000 (19:14 +0100)
- Remove `| LuCI` suffix from title tag
- Make material theme zoomable and remove legacy meta tags
- Unify viewport

Link: #8330
Signed-off-by: Self-Hosting-Group <redacted>
themes/luci-theme-bootstrap/ucode/template/themes/bootstrap/header.ut
themes/luci-theme-material/ucode/template/themes/material/header.ut
themes/luci-theme-openwrt-2020/ucode/template/themes/openwrt2020/header.ut
themes/luci-theme-openwrt/ucode/template/themes/openwrt.org/header.ut

index 6d8893eb9e32ee202e2dc912149caae93872bc4b..3486a412078c9fe5df3159b4691ffeb7de8794c0 100644 (file)
@@ -18,7 +18,7 @@
 <html lang="{{ dispatcher.lang }}" {{ darkpref ? `data-darkmode="${darkpref}"` : '' }}>
        <head>
                <meta charset="utf-8">
-               <title>{{ striptags(`${boardinfo.hostname + ' | ' ?? '?'}${dispatched?.title ? `${_(dispatched.title)} | ` : ''}`) }} LuCI</title>
+               <title>{{ striptags(`${boardinfo.hostname ?? '?'}${dispatched?.title ? ` | ${_(dispatched.title)}` : ''}`) }}</title>
                {% if (!darkpref): %}
                        <script>
                                var mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'),
@@ -29,7 +29,7 @@
                                setDarkMode(mediaQuery);
                        </script>
                {% endif %}
-               <meta name="viewport" content="initial-scale=1.0">
+               <meta name="viewport" content="width=device-width, initial-scale=1">
                <meta name="darkreader-lock">
                <link rel="stylesheet" href="{{ media }}/cascade.css">
                <link rel="stylesheet" media="only screen and (max-device-width: 854px)" href="{{ media }}/mobile.css" />
index d90fc33494c243742070429f845c17d1458e053c..1aeca61f39970ad0210a0b261c55dcab7b4992ae 100644 (file)
 <html lang="{{ dispatcher.lang }}">
 <head>
 <meta charset="utf-8">
-<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
-<meta name="apple-mobile-web-app-capable" content="yes">
-<meta name="mobile-web-app-capable" content="yes">
-<meta name="theme-color" content="#09c">
-<meta name="msapplication-tap-highlight" content="no">
-<meta name="msapplication-TileColor" content="#09c">
-<meta name="application-name" content="{{ striptags(`${dispatched ? `${dispatched.title} | ` : ''}${boardinfo.hostname ?? '?'}`) }} | LuCI">
-<meta name="apple-mobile-web-app-title" content="{{ striptags(`${dispatched ? `${dispatched.title} | ` : ''}${boardinfo.hostname ?? '?'}`) }} | LuCI">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="{{ media }}/cascade.css">
 <link rel="icon" href="{{ media }}/logo_48.png" sizes="48x48">
 <link rel="icon" href="{{ media }}/logo.svg" sizes="any">
@@ -46,7 +39,7 @@
 {% endif %}
 <script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
 <script src="{{ resource }}/cbi.js"></script>
-<title>{{ striptags(`${boardinfo.hostname + ' | ' ?? '?'}${dispatched?.title ? `${_(dispatched.title)} | ` : ''}`) }} LuCI</title>
+<title>{{ striptags(`${boardinfo.hostname ?? '?'}${dispatched?.title ? ` | ${_(dispatched.title)}` : ''}`) }}</title>
 {% if (css): %}
 <style title="text/css">{{ css }}</style>
 {% endif %}
index a7c32118682f4ad0b17bf9fb3fa031dbc0d8a909..17734e487e6b3527d55794ff05d9161f71e72d7c 100644 (file)
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<meta name="apple-mobile-web-app-capable" content="yes" />
 <link rel="stylesheet" media="screen" href="{{ media }}/cascade.css" />
 <link rel="icon" href="{{ media }}/logo.png" sizes="180x180">
 <link rel="icon" href="{{ media }}/logo.svg" sizes="any">
 <script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
 <script src="{{ resource }}/cbi.js"></script>
-<title>{{ striptags(`${boardinfo.hostname + ' | ' ?? '?'}${dispatched?.title ? `${_(dispatched.title)} | ` : ''}`) }} LuCI</title>
+<title>{{ striptags(`${boardinfo.hostname ?? '?'}${dispatched?.title ? ` | ${_(dispatched.title)}` : ''}`) }}</title>
 {% if (css): %}
 <style title="text/css">{{ css }}</style>
 {% endif %}
index 4658ef1918f4d87fc1e4747a3f67d7a390aaaa13..8cc6cc02553d4879e0f966b3f33350f2d35700de 100644 (file)
@@ -28,7 +28,7 @@
 <script src="{{ dispatcher.build_url('admin/translations', dispatcher.lang) }}"></script>
 <script src="{{ resource }}/cbi.js"></script>
 
-<title>{{ striptags(`${boardinfo.hostname + ' | ' ?? '?'}${dispatched?.title ? `${_(dispatched.title)} | ` : ''}`) }} LuCI</title>
+<title>{{ striptags(`${boardinfo.hostname ?? '?'}${dispatched?.title ? ` | ${_(dispatched.title)}` : ''}`) }}</title>
 </head>
 <body class="lang_{{ dispatcher.lang }}" data-page="{{ entityencode(join('-', ctx.request_path), true) }}">
 
git clone https://git.99rst.org/PROJECT