Mirrors/uBlock
1
0
Fork 0
mirror of https://github.com/gorhill/uBlock.git synced 2024-11-17 16:02:33 +01:00
Code Issues Releases Wiki Activity
6284eca351
uBlock/src/dyna-rules.html

67 lines
3.2 KiB
HTML
Raw Normal View History

another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
code review: mobile-friendly changes
2017-01-24 14:23:52 +01:00
<meta name="viewport" content="width=device-width, initial-scale=1">
More µ to u
2015-03-10 05:00:33 +01:00
<title>uBlock — Dynamic filtering rules</title>
make use of CodeMirror in "My rules" pane
2018-03-11 15:59:39 +01:00
<link rel="stylesheet" type="text/css" href="lib/codemirror/lib/codemirror.css">
<link rel="stylesheet" type="text/css" href="lib/codemirror/addon/merge/merge.css">
Fifth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/99b2a0a761eec860132bc08680710c3c785f90b6 - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Fine tuned previous work. Started the use of variable-based color values.
2020-04-11 17:32:43 +02:00
<link rel="stylesheet" type="text/css" href="css/themes/default.css">
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
<link rel="stylesheet" type="text/css" href="css/common.css">
Fourth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Roughly, the changes in this commit: - Make it easier to implement a dark theme eventually: - Flatten the look of buttons - Remove the use of `opacity` style property as a color modifier - Some work toward removing dependency on FontAwesome font
2020-04-11 00:17:12 +02:00
<link rel="stylesheet" type="text/css" href="css/fa-icons.css">
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
sync feature (#80): draft
2015-08-11 21:29:14 +02:00
<link rel="stylesheet" type="text/css" href="css/cloud-ui.css">
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
<link rel="stylesheet" type="text/css" href="css/dyna-rules.css">
make use of CodeMirror in "My rules" pane
2018-03-11 15:59:39 +01:00
<link rel="stylesheet" type="text/css" href="css/codemirror.css">
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
</head>
<body>
further improving UI for small screens
2018-03-28 22:15:50 +02:00
<div class="body">
<div id="cloudWidget" class="hide" data-cloud-entry="myRulesPane"></div>
<p class="vverbose"><span data-i18n="rulesHint"></span> <a class="fa info" href="https://github.com/gorhill/uBlock/wiki/Dynamic-filtering:-rule-syntax" target="_blank">&#xf05a;</a></p>
<div id="diff">
<div class="tools">
<div class="ruleActions">
Replace CodeMirror resize code with CSS flex
2020-04-25 16:19:08 +02:00
<div class="fieldset-header" data-i18n="rulesPermanentHeader"></div>
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 22:33:08 +02:00
<button type="button" class="iconifiable" id="exportButton"><span class="fa">&#xf093;</span><span data-i18n="rulesExport"></span></button>
<button type="button" class="iconifiable" id="revertButton"><span class="fa">&#xf061;</span><span data-i18n="rulesRevert"></span></button>
further improving UI for small screens
2018-03-28 22:15:50 +02:00
</div>
<div class="ruleActions">
Replace CodeMirror resize code with CSS flex
2020-04-25 16:19:08 +02:00
<div class="fieldset-header" data-i18n="rulesTemporaryHeader"></div>
More work toward redesigning the UI As per email feedback from Mozilla's https://github.com/brampitoyo This is yet another incremental step toward redesigning the UI, much more is left to do. The idea is to align uBO's UI to that of Firefox Preview. Additionally, code has been added to reset the new popup panel to vertical layout should the viewport be not wide enough to accomodate the horizontal layout. Related feedback: - https://www.reddit.com/r/uBlockOrigin/comments/g4ufvi/
2020-04-21 22:33:08 +02:00
<button type="button" class="iconifiable" id="commitButton"><span class="fa">&#xf060;</span><span data-i18n="rulesCommit"></span></button>
<button type="button" class="iconifiable" id="importButton"><span class="fa">&#xf019;</span><span data-i18n="rulesImport"></span></button>
<button type="button" class="iconifiable important disabled" id="editSaveButton"><span class="fa">&#xf0c7;</span><span data-i18n="rulesEditSave"></span></button>
further improving UI for small screens
2018-03-28 22:15:50 +02:00
</div>
Use `type="search"` for search input fields Related issue: - https://github.com/uBlockOrigin/uBlock-issues/issues/768 So that the input fields can gain extra built-in browser widgets useful in search fields.
2019-11-03 19:14:29 +01:00
<div id="ruleFilter"><span class="fa">&#xf0b0;</span>&ensp;<input type="search" size="20"></div>
CSS cleanup: dynamic rules tab (My rules) For comparison, before: http://chrisly.me/image/1g01441z0F2c and after: http://chrisly.me/image/1v160U0P2i07 Also: * give good class names to some element in dyna-rules.html * select the ul more generically in dyna-rules.js (since a container was added)
2015-02-11 19:50:44 +01:00
</div>
#731: UI counterpart
2015-02-11 17:34:51 +01:00
</div>
make use of CodeMirror in "My rules" pane
2018-03-11 15:59:39 +01:00
</div>
Replace CodeMirror resize code with CSS flex
2020-04-25 16:19:08 +02:00
<div class="codeMirrorContainer codeMirrorMergeContainer"></div>
#731: UI counterpart
2015-02-11 17:34:51 +01:00
this completes fix of #954
2015-03-09 05:21:08 +01:00
<div id="templates" style="display: none;">
<input class="hidden" id="importFilePicker" type="file" accept="text/plain">
<span class="hidden" data-i18n="rulesDefaultFileName"></span>
make use of CodeMirror in "My rules" pane
2018-03-11 15:59:39 +01:00
</div>
<script src="lib/diff/swatinem_diff.js"></script>
<script src="lib/codemirror/lib/codemirror.js"></script>
<script src="lib/codemirror/addon/merge/merge.js"></script>
<script src="lib/codemirror/addon/selection/active-line.js"></script>
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
Provide visual feedback for invalid entries in "My rules" Related issue: - https://github.com/gorhill/uBlock/issues/1039
2019-06-20 00:28:44 +02:00
<script src="js/codemirror/ubo-dynamic-filtering.js"></script>
Fourth pass to re-design the dashboard Related commits: - https://github.com/gorhill/uBlock/commit/a8e3118feafd5c2d7c3e3d03727beff17f9928b4 - https://github.com/gorhill/uBlock/commit/453f5450b6e6550618bf97b5b0541f5f46c35d8e - https://github.com/gorhill/uBlock/commit/a45a21f337216d7d4aaddb5a454ed4842eca3806 Roughly, the changes in this commit: - Make it easier to implement a dark theme eventually: - Flatten the look of buttons - Remove the use of `opacity` style property as a color modifier - Some work toward removing dependency on FontAwesome font
2020-04-11 00:17:12 +02:00
<script src="js/fa-icons.js"></script>
code review: preemptively address https://bugzilla.mozilla.org/show_bug.cgi?id=1408996#c9
2017-10-27 20:22:45 +02:00
<script src="js/vapi.js"></script>
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
<script src="js/vapi-common.js"></script>
<script src="js/vapi-client.js"></script>
<script src="js/udom.js"></script>
<script src="js/i18n.js"></script>
<script src="js/dashboard-common.js"></script>
sync feature (#80): draft
2015-08-11 21:29:14 +02:00
<script src="js/cloud-ui.js"></script>
another round of work re dynamic filtering
2014-12-31 23:26:17 +01:00
<script src="js/dyna-rules.js"></script>
</body>
</html>
Reference in New Issue Copy Permalink