filippodb/LocalCDN-Firefox-Chrome-Brave
1
0
Fork 0
mirror of https://codeberg.org/nobody/LocalCDN.git synced 2025-02-08 16:18:37 +01:00
Code Issues Projects Releases Wiki Activity

Slide effect for "Block Google Fonts" added

Browse Source
This commit is contained in:
nobody 2020-07-04 07:41:28 +02:00
parent 3f5738fb3b
commit 0ddcf6ac14
No known key found for this signature in database
GPG Key ID: 8F6DE3D614FCFD7A
3 changed files with 34 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
pages/options/options.css
View File

@ -269,6 +269,24 @@ body {
#block-google-fonts { #block-google-fonts {
padding-left: 1.8rem; padding-left: 1.8rem;
padding-bottom: 0px;
}
.bgf-slideup, .bgf-slidedown {
height: 0px;
overflow-y: hidden;
-webkit-transition: height 0.8s ease-in-out;
-moz-transition: height 0.8s ease-in-out;
-o-transition: height 0.8s ease-in-out;
transition: height 0.8s ease-in-out;
}
.bgf-slidedown {
padding-top: .5rem;
height: 60px;
}
.no-padding-bottom {
padding-bottom: 0px;
} }
/** /**

20
pages/options/options.html
View File

@ -37,7 +37,7 @@
</div> </div>
<div class="description-option" data-i18n-content="showIconBadgeDescription"></div> <div class="description-option" data-i18n-content="showIconBadgeDescription"></div>
</section> </section>
<section class="option"> <section id="block-missing" class="option">
<div class="title-option"> <div class="title-option">
<label class="b-contain"> <label class="b-contain">
<input data-option="blockMissing" type="checkbox"> <input data-option="blockMissing" type="checkbox">
@ -47,16 +47,16 @@
<span class="badge badge-warning" data-i18n-content="advancedLabel"></span> <span class="badge badge-warning" data-i18n-content="advancedLabel"></span>
</div> </div>
<div class="description-option" data-i18n-content="blockMissingDescription"></div> <div class="description-option" data-i18n-content="blockMissingDescription"></div>
</section> <div id="block-google-fonts" class="option bgf-slideup">
<section id="block-google-fonts" class="option"> <div class="title-option">
<div class="title-option"> <label class="b-contain">
<label class="b-contain"> <input data-option="blockGoogleFonts" type="checkbox">
<input data-option="blockGoogleFonts" type="checkbox"> <span data-i18n-content="blockGoogleFontsTitle">Block Google Fonts</span>
<span data-i18n-content="blockGoogleFontsTitle">Block Google Fonts</span> <div class="b-input"></div>
<div class="b-input"></div> </label>
</label> </div>
<div class="description-option" data-i18n-content="blockGoogleFontsDescription">If you use the rules of the rule generator, requests to "fonts.googleapis.com" are allowed to substitute "Google Material Icons" automatically. If you want to block the other requests, enable this option.</div>
</div> </div>
<div class="description-option" data-i18n-content="blockGoogleFontsDescription">If you use the rules of the rule generator, requests to "fonts.googleapis.com" are allowed to substitute "Google Material Icons" automatically. If you want to block the other requests, enable this option.</div>
</section> </section>
<section class="option"> <section class="option">
<div class="title-option"> <div class="title-option">

8
pages/options/options.js
View File

@ -370,9 +370,13 @@ options._updatesDomainLists = function(changes) {
options._displayBlockGoogleFonts = function(value) { options._displayBlockGoogleFonts = function(value) {
if (value === true) { if (value === true) {
document.getElementById('block-google-fonts').style.display = "none"; document.getElementById('block-google-fonts').classList.add('bgf-slideup');
document.getElementById('block-missing').classList.remove('no-padding-bottom');
document.getElementById('block-google-fonts').classList.remove('bgf-slidedown');
} else { } else {
document.getElementById('block-google-fonts').style.display = "block"; document.getElementById('block-google-fonts').classList.add('bgf-slidedown');
document.getElementById('block-missing').classList.add('no-padding-bottom');
document.getElementById('block-google-fonts').classList.remove('bgf-slideup');
} }
}; };