mirror of
https://github.com/gorhill/uBlock.git
synced 2024-09-05 02:29:38 +02:00
Specific plain CSS cosmetic filters are now supported. Cosmetic filtering will occur only after the user explicitly grant uBO extended permissions for a given site, so that it can inject CSS on the site. A new button in the popup panel allows a user to grant/revoke extended permissions to/from uBO Lite for the current site. More capabilities will be carefully added for when extended permissions are granted on a site, so specific cosmetic filtering through plain CSS is the first implemented capability. Generic and procedural cosmetic filtering is not implemented. The current implementation for plain CSS cosmetic filters is through declarative content injection, which does not require the service worker to be alive, the browser takes care to inject the cosmetic filters. However declarative CSS injection does not support user styles, so the injected cosmetic filters are "weak". I consider this is a browser issue, since user styles are supported by Chromium, there is just no way in the API to specify user styles for the injected content. Also: - Fixed dark theme issues - Added Steven Black's hosts file Keep in mind all this is very experimental and implementation details in this release may (will) greatly change in the future.
49 lines
1.7 KiB
HTML
49 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
|
|
<title>uBlock Origin Lite — Filter lists</title>
|
|
<link rel="stylesheet" type="text/css" href="css/default.css">
|
|
<link rel="stylesheet" type="text/css" href="css/common.css">
|
|
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
|
|
<link rel="stylesheet" type="text/css" href="css/fa-icons.css">
|
|
<link rel="stylesheet" type="text/css" href="css/3p-filters.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="body">
|
|
|
|
<div id="actions">
|
|
<p id="listsOfBlockedHostsPrompt">
|
|
<p><button id="buttonApply" class="preferred disabled iconified" type="button" data-i18n-title="genericApplyChanges"><span class="fa-icon">check</span><span data-i18n="genericApplyChanges">_</span><span class="hover"></span></button>
|
|
</div>
|
|
|
|
<div>
|
|
<div id="lists"></div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="templates">
|
|
<div class="groupEntry">
|
|
<div class="geDetails"><span class="geName"></span> <span class="geCount"></span></div>
|
|
<div class="listEntries"></div>
|
|
</div>
|
|
<div class="li listEntry">
|
|
<label><span class="input checkbox"><input type="checkbox"><svg viewBox="0 0 24 24"><path d="M1.73,12.91 8.1,19.28 22.79,4.59"/></svg></span><span><span class="listname forinput"></span> <span class="iconbar"><!--
|
|
--><a class="fa-icon support" href="#" target="_blank">home</a><!--
|
|
--><a class="fa-icon mustread" href="#" target="_blank">info-circle</a><!--
|
|
--></span></span></label>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="js/fa-icons.js"></script>
|
|
<script src="js/i18n.js" type="module"></script>
|
|
<script src="js/dashboard-common.js" type="module"></script>
|
|
<script src="js/3p-filters.js" type="module"></script>
|
|
|
|
</body>
|
|
</html>
|