mirror of
https://github.com/gorhill/uBlock.git
synced 2024-09-15 15:32:28 +02:00
34aab95107
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.
77 lines
3.8 KiB
HTML
77 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html id="uBO-popup-panel" class="desktop">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<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/popup.css">
|
|
<title data-i18n="extName"></title>
|
|
</head>
|
|
|
|
<body class="loading" data-section="">
|
|
<div id="main">
|
|
<div id="sticky">
|
|
<div id="stickyTools">
|
|
<div class="rulesetTools">
|
|
<span id="saveRules" class="fa-icon" data-i18n-title="popupTipSaveRules">lock</span>
|
|
<span id="revertRules" class="fa-icon" data-i18n-title="popupTipRevertRules">eraser</span>
|
|
</div>
|
|
<div id="switch" role="button" aria-label tabindex="0" data-i18n-title="popupPowerSwitchInfo">
|
|
<span class="fa-icon"><!--
|
|
Power button taken from Font Awesome v4.7.0 by Dave Gandy.
|
|
Unlike other FA icons, the power button is inlined here so
|
|
that we can use a clip-path in order to ensure that the stroke
|
|
does not "bleed" outside the fill area.
|
|
--><svg viewBox="0 0 1536 1664">
|
|
<defs>
|
|
<path id="power-off-path" d="m 1536,896 q 0,156 -61,298 -61,142 -164,245 -103,103 -245,164 -142,61 -298,61 -156,0 -298,-61 Q 328,1542 225,1439 122,1336 61,1194 0,1052 0,896 0,714 80.5,553 161,392 307,283 q 43,-32 95.5,-25 52.5,7 83.5,50 32,42 24.5,94.5 Q 503,455 461,487 363,561 309.5,668 256,775 256,896 q 0,104 40.5,198.5 40.5,94.5 109.5,163.5 69,69 163.5,109.5 94.5,40.5 198.5,40.5 104,0 198.5,-40.5 Q 1061,1327 1130,1258 1199,1189 1239.5,1094.5 1280,1000 1280,896 1280,775 1226.5,668 1173,561 1075,487 1033,455 1025.5,402.5 1018,350 1050,308 q 31,-43 84,-50 53,-7 95,25 146,109 226.5,270 80.5,161 80.5,343 z m -640,-768 0,640 q 0,52 -38,90 -38,38 -90,38 -52,0 -90,-38 -38,-38 -38,-90 l 0,-640 q 0,-52 38,-90 38,-38 90,-38 52,0 90,38 38,38 38,90 z"/>
|
|
<clipPath id="power-off-clip"><use href="#power-off-path"/></clipPath>
|
|
</defs>
|
|
<use href="#power-off-path" clip-path="url(#power-off-clip)"/>
|
|
</svg><!--
|
|
--></span>
|
|
</div>
|
|
<div class="rulesetTools">
|
|
<span id="refresh" class="fa-icon">refresh</span>
|
|
</div>
|
|
</div>
|
|
<div id="hostname"><span></span>­<span></span></div>
|
|
</div>
|
|
<div class="toolRibbon pageTools">
|
|
<span id="toggleGreatPowers">
|
|
<span class="fa-icon tool enabled" data-i18n-title="popupGrantGreatPowers">sun-o<span class="caption"></span></span>
|
|
<span class="fa-icon tool enabled" data-i18n-title="popupRevokeGreatPowers">sun<span class="caption"></span></span>
|
|
</span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<a href="dashboard.html" class="fa-icon tool enabled" target="uBODashboard" tabindex="0" data-i18n-title="popupTipDashboard">cogs<span class="caption" data-i18n="popupTipDashboard"></span></a>
|
|
</div>
|
|
<div id="rulesetStats" data-section="a">
|
|
</div>
|
|
<hr data-section="a">
|
|
<div id="moreOrLess">
|
|
<span id="moreButton">
|
|
<span data-i18n="popupMoreButton">_</span> <span class="fa-icon">angle-up</span>
|
|
</span>
|
|
<span id="lessButton">
|
|
<span class="fa-icon">angle-up</span> <span data-i18n="popupLessButton">_</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="templates">
|
|
<div class="rulesetDetails"><h1></h1><p data-section="b"></p></div>
|
|
</div>
|
|
|
|
<script src="js/fa-icons.js"></script>
|
|
<script src="js/i18n.js" type="module"></script>
|
|
<script src="js/popup.js" type="module"></script>
|
|
|
|
</body>
|
|
|
|
</html>
|