+120
-72
lines changedFilter options
+120
-72
lines changed Original file line number Diff line number Diff line change
@@ -179,21 +179,25 @@
179
179
"message":"Click to no longer disable JavaScript on this site",
180
180
"description":"Tooltip for the no-scripting per-site switch"
181
181
},
182
+
"popupNoPopups_v2":{
183
+
"message":"Pop-up windows",
184
+
"description":"Caption for the no-popups per-site switch"
185
+
},
182
186
"popupNoLargeMedia_v2":{
183
187
"message":"Large media elements",
184
-
"description":"Tip for the no-large-media per-site switch"
188
+
"description":"Caption for the no-large-media per-site switch"
185
189
},
186
190
"popupNoCosmeticFiltering_v2":{
187
191
"message":"Cosmetic filtering",
188
-
"description":"Tip for the no-cosmetic-filtering per-site switch"
192
+
"description":"Caption for the no-cosmetic-filtering per-site switch"
189
193
},
190
194
"popupNoRemoteFonts_v2":{
191
195
"message":"Remote fonts",
192
-
"description":"Tip for the no-remote-fonts per-site switch"
196
+
"description":"Caption for the no-remote-fonts per-site switch"
193
197
},
194
198
"popupNoScripting_v2":{
195
199
"message":"JavaScript",
196
-
"description":"Tip for the no-scripting per-site switch"
200
+
"description":"Caption for the no-scripting per-site switch"
197
201
},
198
202
"popupMoreButton_v2":{
199
203
"message":"More",
Original file line number Diff line number Diff line change
@@ -88,8 +88,8 @@ body[dir="rtl"] #theURL > p > span {
88
88
left: 0;
89
89
}
90
90
#theURL > p:hover > span {
91
-
color: var(--fg-0);
92
-
fill: var(--fg-0);
91
+
color: var(--default-ink);
92
+
fill: var(--default-ink);
93
93
}
94
94
#theURL > p > span:before {
95
95
content: '\f010';
Original file line number Diff line number Diff line change
@@ -40,6 +40,7 @@
40
40
41
41
.fa-icon > svg {
42
42
height: 1em;
43
+
overflow: visible;
43
44
width: 1em;
44
45
}
45
46
Original file line number Diff line number Diff line change
@@ -127,39 +127,35 @@ body.needSave #revertRules {
127
127
.toolRibbon {
128
128
align-items: start;
129
129
display: grid;
130
-
grid-template: auto / 25% 25% 25% 25%;
130
+
grid-auto-columns: 1fr;
131
+
grid-auto-flow: column;
132
+
grid-template: auto / repeat(4, 1fr);
131
133
justify-items: center;
132
134
margin: 1em 0;
133
135
white-space: normal;
134
136
}
135
137
.toolRibbon .tool {
138
+
cursor: pointer;
136
139
display: flex;
137
140
flex-direction: column;
138
141
font-size: 1.4em;
139
142
min-width: 32px;
140
-
}
141
-
142
-
.tool {
143
-
cursor: pointer;
144
143
padding: 0 0.5em;
145
144
unicode-bidi: embed;
146
145
visibility: hidden;
147
146
}
148
-
.tool.enabled {
147
+
.toolRibbon .tool.enabled {
149
148
visibility: visible;
150
149
}
151
-
.tool [data-i18n] {
150
+
.toolRibbon .tool .caption {
152
151
font: 10px/12px sans-serif;
153
152
margin-top: 0.5em;
154
153
text-align: center;
155
154
}
156
-
body.no-tooltips .tool [data-i18n] {
157
-
display: none;
155
+
body.mobile.no-tooltips .toolRibbon .tool {
156
+
font-size: 1.6em;
158
157
}
159
158
160
-
.statValue {
161
-
margin: 0;
162
-
}
163
159
#extraTools .fa-icon {
164
160
align-self: center;
165
161
position: relative;
@@ -470,10 +466,31 @@ body.advancedUser #firewall > div > span.noopRule.ownRule,
470
466
width: 100%;
471
467
}
472
468
469
+
/* configurable UI elements */
470
+
:root.desktop .toolRibbon .caption,
471
+
:root.mobile body.no-tooltips .toolRibbon .caption,
472
+
:root.mobile body[data-ui~="-captions"] .toolRibbon .caption {
473
+
display: none;
474
+
}
475
+
:root.mobile .toolRibbon .caption,
476
+
:root.desktop body[data-ui~="+captions"] .toolRibbon .caption {
477
+
display: inherit;
478
+
}
479
+
:root.mobile #no-popups,
480
+
:root body[data-ui~="-no-popups"] #no-popups {
481
+
display: none;
482
+
}
483
+
:root.desktop #no-popups,
484
+
:root body[data-ui~="+no-popups"] #no-popups {
485
+
display: flex;
486
+
}
487
+
473
488
/* mouse-driven devices */
489
+
:root.desktop {
490
+
overflow: hidden;
491
+
}
474
492
:root.desktop body {
475
493
max-width: max(100vw, 800px);
476
-
overflow: auto;
477
494
}
478
495
:root.desktop #panes {
479
496
flex-direction: row-reverse;
@@ -499,6 +516,3 @@ body.advancedUser #firewall > div > span.noopRule.ownRule,
499
516
:root.desktop .tool:hover {
500
517
background-color: var(--button-surface);
501
518
}
502
-
:root.desktop .tool [data-i18n] {
503
-
width: min-content;
504
-
}
Original file line number Diff line number Diff line change
@@ -433,7 +433,7 @@ body.advancedUser #firewallContainer > div > span.noopRule,
433
433
}
434
434
body.advancedUser #firewallContainer > div > span.ownRule,
435
435
#firewallContainer > div > span.ownRule {
436
-
color: var(--bg-0);
436
+
color: var(--bg-popup-cell-block-own);
437
437
}
438
438
body.advancedUser #firewallContainer > div > span.allowRule.ownRule,
439
439
#actionSelector > #dynaAllow:hover {
Original file line number Diff line number Diff line change
@@ -50,8 +50,6 @@
50
50
:root {
51
51
--font-size: 14px;
52
52
53
-
--bg-0: var(--white);
54
-
--fg-0: var(--ink-80);
55
53
--default-ink: var(--ink-80);
56
54
--default-ink-a4: var(--ink-80-a4);
57
55
--default-surface: var(--light-gray-10);
@@ -142,13 +140,11 @@
142
140
Use slightly darker inks on lower pixel-density devices to improve
143
141
contrast.
144
142
*/
145
-
@media (max-resolution: 150dpi) {
146
-
:root {
147
-
--default-ink: var(--ink-90);
148
-
--button-ink: var(--ink-90);
149
-
--fieldset-header-ink: var(--ink-50);
150
-
--link-ink: var(--violet-80);
151
-
}
143
+
:root:not(.hidpi) {
144
+
--default-ink: var(--ink-90);
145
+
--button-ink: var(--ink-90);
146
+
--fieldset-header-ink: var(--ink-50);
147
+
--link-ink: var(--violet-80);
152
148
}
153
149
154
150
/**
Original file line number Diff line number Diff line change
@@ -70,6 +70,7 @@ const µBlock = (( ) => { // jshint ignore:line
70
70
selfieAfter: 3,
71
71
strictBlockingBypassDuration: 120,
72
72
suspendTabsUntilReady: 'unset',
73
+
uiPopupConfig: 'undocumented',
73
74
uiFlavor: 'unset',
74
75
updateAssetBypassBrowserCache: false,
75
76
userResourcesLocation: 'unset',
Original file line number Diff line number Diff line change
@@ -29,12 +29,19 @@ const faIconsInit = function(root) {
29
29
if ( icon.firstChild === null || icon.firstChild.nodeType !== 3 ) {
30
30
continue;
31
31
}
32
-
const name = icon.firstChild.nodeValue;
33
32
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
34
-
svg.classList.add('fa-icon_' + name);
35
33
const use = document.createElementNS('http://www.w3.org/2000/svg', 'use');
36
-
const href = '/img/fontawesome/fontawesome-defs.svg#' + name;
37
-
use.setAttribute('href', href);
34
+
const name = icon.firstChild.nodeValue;
35
+
let file;
36
+
if ( name.startsWith('ph-') ) {
37
+
file = 'photon';
38
+
} else if ( name.startsWith('md-') ) {
39
+
file = 'material-design';
40
+
} else {
41
+
file = 'fontawesome/fontawesome-defs';
42
+
}
43
+
svg.classList.add('fa-icon_' + name);
44
+
use.setAttribute('href', `/img/${file}.svg#${name}`);
38
45
svg.appendChild(use);
39
46
icon.replaceChild(svg, icon.firstChild);
40
47
if ( icon.classList.contains('fa-icon-badged') ) {
You can’t perform that action at this time.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4