uBlock/platform/mv3/extension/picker-ui.html
Raymond Hill 0b0294af4f
[mv3] Add support for custom CSS-based cosmetic filters
Related issue:
https://github.com/uBlockOrigin/uBOL-home/issues/325

This is a first version, with support only for custom filters which are
plain CSS selectors. Future versions will extend support to style-based
and procedural cosmetic filters.

Manually text-editing existing custom filters is currently not supported,
this will be added in a future version in the Develop pane. To remove
existing custom filters, the "Remove a custom filter" tool can be used.
2025-07-06 16:43:22 -04:00

56 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html id="ubol-picker" class="minimized" data-view="0">
<head>
<meta charset="utf-8">
<meta name="color-scheme" content="light dark">
<title>uBO Lite Zapper</title>
<link rel="stylesheet" href="/css/default.css">
<link rel="stylesheet" href="/css/common.css">
<link rel="stylesheet" href="/css/fa-icons.css">
<link rel="stylesheet" href="/css/tool-overlay-ui.css">
<link rel="stylesheet" href="/css/picker-ui.css">
</head>
<body class="loading">
<aside style="right: 2px; bottom: 2px;">
<section id="windowbar">
<div id="minimize"><svg viewBox="0 0 64 64"><path d="M 16,48 H 48" /><rect x="16" y="16" height="32" width="32" /></svg></div>
<div id="move"></div>
<div id="quit" data-i18n-title="pickerQuit"><svg viewBox="0 0 64 64"><path d="M16 16L48 48M16 48L48 16" /></svg></div>
</section>
<section data-view="2">
<textarea spellcheck="false"></textarea>
</section>
<section class="resultsetWidgets" data-view="0">
<span>
<label for="slider" data-i18n="pickerSliderLabel">_</label>
<span id="resultsetCount"></span>
</span>
<input id="slider" type="range" min="0" max="10" step="1">
</section>
<section id="toolbar" data-view="0">
<div>
<button id="pick" type="button" data-i18n="pickerPick">_<span class="hover"></span></button>
<button id="preview" type="button" data-i18n="pickerPreview">_<span class="hover"></span></button>
</div>
<button id="create" type="button" class="preferred" disabled data-i18n="pickerCreate"><span class="hover"></span></button>
</section>
<section id="candidateFilters" data-view="1">
<ul></ul>
</section>
<section id="moreOrLess">
<span><span data-i18n="popupMoreButton"></span>&ensp;<span class="fa-icon fa-icon-vflipped">angle-up</span><span class="hover"></span></span>
<span><span class="fa-icon">angle-up</span>&ensp;<span data-i18n="popupLessButton"></span><span class="hover"></span></span>
</section>
</aside>
<svg id="overlay"><path d></path><path d="M0 0"></path></svg>
<script src="js/theme.js" type="module"></script>
<script src="js/fa-icons.js" type="module"></script>
<script src="js/i18n.js" type="module"></script>
<script src="js/picker-ui.js" type="module"></script>
</body>
</html>