1
0
mirror of https://codeberg.org/nobody/LocalCDN.git synced 2025-06-05 21:49:31 +02:00

UTF-8 icons replaced with SVG

This commit is contained in:
nobody
2021-08-15 07:39:00 +02:00
parent a81d9d50ce
commit 1105264b9e
5 changed files with 234 additions and 3 deletions

View File

@@ -402,6 +402,10 @@ body[dir="rtl"] .input-text {
padding-bottom: 0.5rem;
}
.checked-unchecked {
width: 10px;
}
@media only screen and (max-width: 760px) {
.div-badge {
border: none;

View File

@@ -107,7 +107,14 @@
<textarea rows="7" id="allowlistedDomains" class="input-text without-checkbox" data-option="allowlistedDomains" type="text"></textarea>
<div class="description-option without-checkbox">
<span data-i18n-content="allowlistedDomainsDescription">Enter domains to disable LocalCDN there. One domain per line.</span><br><br>
<span class="monoblock">&#9989; example.com<br>&#9989; sub.example.com<br>&#9989; *.example.com<br>&#10060; https://example.com<br>&#10060; https://*.example.com<br>&#10060; https://example.com/page/example.html</span>
<span class="monoblock">
<img class="checked-unchecked" src="../../icons/checked.svg"/> example.com<br>
<img class="checked-unchecked" src="../../icons/checked.svg"/> sub.example.com<br>
<img class="checked-unchecked" src="../../icons/checked.svg"/> *.example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://*.example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://example.com/page/example.html
</span>
</div>
</section>
</div>
@@ -152,7 +159,14 @@
<div class="description-option"><textarea rows="7" id="allowedDomainsGoogleFonts" class="input-text without-checkbox" data-option="allowedDomainsGoogleFonts" type="text"></textarea></div>
<div class="description-option">
<span data-i18n-content="labelDomainsAllowlistGoogleFonts">These domains are allowed to load Google Fonts. One domain per line.</span><br>
<span class="monoblock">&#9989; example.com<br>&#9989; sub.example.com<br>&#9989; *.example.com<br>&#10060; https://example.com<br>&#10060; https://*.example.com<br>&#10060; https://example.com/page/example.html</span>
<span class="monoblock">
<img class="checked-unchecked" src="../../icons/checked.svg"/> example.com<br>
<img class="checked-unchecked" src="../../icons/checked.svg"/> sub.example.com<br>
<img class="checked-unchecked" src="../../icons/checked.svg"/> *.example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://*.example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://example.com/page/example.html
</span>
</div>
</div>
</section>
@@ -185,7 +199,14 @@
<textarea rows="7" id="domainsManipulateDOM" class="input-text without-checkbox" data-option="domainsManipulateDOM" type="text"></textarea>
<div class="description-option without-checkbox">
<span data-i18n-content="htmlFilterDomainsDescription">Enter the domains to be handled or ignored by the HTML filter. One domain per line.</span><br>
<span class="monoblock">&#9989; example.com<br>&#9989; sub.example.com<br>&#9989; *.example.com<br>&#10060; https://example.com<br>&#10060; https://*.example.com<br>&#10060; https://example.com/page/example.html</span>
<span class="monoblock">
<img class="checked-unchecked" src="../../icons/checked.svg"/> example.com<br>
<img class="checked-unchecked" src="../../icons/checked.svg"/> sub.example.com<br>
<img class="checked-unchecked" src="../../icons/checked.svg"/> *.example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://*.example.com<br>
<img class="checked-unchecked" src="../../icons/unchecked.svg"/> https://example.com/page/example.html
</span>
</div>
</section>
<section class="option">