mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 05:39:41 +02:00
0556f85786
For starters, replace all newtab styles and functions. Since we're removing these styles, I conformed the asrouter admin to the reusable components team's design tokens. So, it now uses global system page styles. This is a pretty general overhaul since there are so many styles to replace. In addition to the style changes, I've added a new Filters UI and moved the groups table to the General tab. This allows us to remove the Message Groups tab since that functionality is now rolled into the Filters UI. The same with the Private Browsing tab: when you hit Show on a pb_newtab message, it will open a PB window and override the message. And you can filter by template now, so you can view only PB messages on the General tab. I also fixed spellchecking. Instead of spellchecking, which only works for natural languages, we just validate that the text is valid JSON. If it's not valid, we show a red border on the textarea. That way messages won't just mysteriously fail to show. I also moved a few elements around to conserve space. Now, everything should be able to fit on the screen of a default window size of 1500px. Finally, I removed some old cruft that was left over from when the admin interface was part of the newtab page. Differential Revision: https://phabricator.services.mozilla.com/D213865
37 lines
1.4 KiB
HTML
37 lines
1.4 KiB
HTML
<!-- This Source Code Form is subject to the terms of the Mozilla Public
|
|
- License, v. 2.0. If a copy of the MPL was not distributed with this file,
|
|
- You can obtain one at http://mozilla.org/MPL/2.0/. -->
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta
|
|
http-equiv="Content-Security-Policy"
|
|
content="default-src 'none'; object-src 'none'; script-src resource: chrome:;"
|
|
/>
|
|
<meta name="color-scheme" content="light dark" />
|
|
<title>ASRouter Admin</title>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
href="chrome://branding/content/icon32.png"
|
|
/>
|
|
<link rel="localization" href="branding/brand.ftl" />
|
|
<link rel="localization" href="toolkit/branding/brandings.ftl" />
|
|
<link
|
|
rel="stylesheet"
|
|
href="chrome://browser/content/asrouter/components/ASRouterAdmin/ASRouterAdmin.css"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<div id="root"></div>
|
|
<script src="resource://activity-stream/vendor/react.js"></script>
|
|
<script src="resource://activity-stream/vendor/react-dom.js"></script>
|
|
<script src="resource://activity-stream/vendor/prop-types.js"></script>
|
|
<script src="chrome://browser/content/asrouter/asrouter-admin.bundle.js"></script>
|
|
|
|
<!-- The render.js script is the main entrypoint for the page. -->
|
|
<script src="chrome://browser/content/asrouter/render.js"></script>
|
|
</body>
|
|
</html>
|