+9
-7
lines changedFilter options
+9
-7
lines changed Original file line number Diff line number Diff line change
@@ -13,7 +13,10 @@
13 13
--font-size: 14px;
14 14
--popup-gap: var(--font-size);
15 15
--popup-gap-thin: calc(0.5 * var(--popup-gap));
16 -
--popup-gap-extra-thin: calc(0.25 * var(--font-size));
16 +
--popup-gap-extra-thin: calc(0.25 * var(--popup-gap));
17 +
--popup-main-min-width: 18em;
18 +
--popup-firewall-min-width: 30em;
19 +
--popup-rule-cell-width: 5em;
17 20
font-size: var(--font-size);
18 21
line-height: 20px;
19 22
}
@@ -38,7 +41,7 @@ a {
38 41
#main {
39 42
align-self: flex-start;
40 43
max-width: 340px;
41 -
min-width: 18em;
44 +
min-width: var(--popup-main-min-width);
42 45
}
43 46
:root.portrait #main {
44 47
align-self: inherit;
@@ -258,11 +261,10 @@ body[data-more=""] #lessButton {
258 261
margin: 0;
259 262
max-height: 600px;
260 263
max-width: 460px;
261 -
min-width: 30em;
264 +
min-width: var(--popup-firewall-min-width);
262 265
padding: 0;
263 266
overflow-y: auto;
264 267
text-align: right;
265 -
--rule-cell-width: 5em;
266 268
}
267 269
:root.desktop body.vMin #firewall {
268 270
max-height: 100vh;
@@ -306,7 +308,7 @@ body[data-more=""] #lessButton {
306 308
justify-content: flex-end;
307 309
padding-right: 2px;
308 310
white-space: normal;
309 -
width: calc(100% - var(--rule-cell-width));
311 +
width: calc(100% - var(--popup-rule-cell-width));
310 312
word-break: break-word;
311 313
}
312 314
#firewall > div.isCname > span:first-of-type {
@@ -324,7 +326,7 @@ body[data-more=""] #lessButton {
324 326
#firewall > div > span:first-of-type ~ span {
325 327
flex-shrink: 0;
326 328
margin-left: 1px;
327 -
width: var(--rule-cell-width);
329 +
width: var(--popup-rule-cell-width);
328 330
}
329 331
#firewall > div > span:nth-of-type(2) {
330 332
display: none;
@@ -398,7 +400,7 @@ body[data-more=""] #lessButton {
398 400
}
399 401 400 402
body.advancedUser #firewall > div > span:first-of-type {
401 -
width: calc(100% - 2 * var(--rule-cell-width));
403 +
width: calc(100% - 2 * var(--popup-rule-cell-width));
402 404
}
403 405
body.advancedUser #firewall > div > span:nth-of-type(2) {
404 406
display: inline-flex;
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