From e5f4f37806863040087f7ec5f19005cdea500cee Mon Sep 17 00:00:00 2001 From: RD WebDesign Date: Sun, 15 Oct 2023 17:46:31 -0300 Subject: [PATCH 1/2] Insert icheck CSS right after Bootstrap Signed-off-by: RD WebDesign --- scripts/pi-hole/js/footer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/pi-hole/js/footer.js b/scripts/pi-hole/js/footer.js index bf3ff7dc9..54fb3b3a3 100644 --- a/scripts/pi-hole/js/footer.js +++ b/scripts/pi-hole/js/footer.js @@ -143,7 +143,7 @@ function initCheckboxRadioStyle() { } var boxsheet = $(''); - boxsheet.appendTo("head"); + boxsheet.insertAfter($("link[href*='style/vendor/bootstrap/css/bootstrap.min.css']")); applyCheckboxRadioStyle(chkboxStyle); From 099f2bc02efae377d036782f818cdca7d034f6b9 Mon Sep 17 00:00:00 2001 From: RD WebDesign Date: Sun, 15 Oct 2023 17:54:55 -0300 Subject: [PATCH 2/2] Exclude any theme containing "lcars" on the name These CSS rules apply some changes to icheck items in Domains page, but these changes are not desired on both lcars themes. The previous code excluded only the original LCARS theme from this rule. This change will allow the same behavior on both themes. Signed-off-by: RD WebDesign --- style/pi-hole.css | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/style/pi-hole.css b/style/pi-hole.css index a6ff40c55..6cbcca6d9 100644 --- a/style/pi-hole.css +++ b/style/pi-hole.css @@ -779,29 +779,33 @@ li:not(.menu-open) .treeview-menu .warning-count { } /* Domains table: filter by type - smaller icheck */ -body:not(.lcars) .filter_types [class*="icheck-"] > label { +body:not([class*="lcars"]) .filter_types [class*="icheck-"] > label { padding-left: 1.5em !important; line-height: 1.2em; min-height: 1.2em; } -body:not(.lcars) +body:not([class*="lcars"]) .filter_types [class*="icheck-"] > input:first-child + input[type="hidden"] + label::before, -body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child + label::before { +body:not([class*="lcars"]) .filter_types [class*="icheck-"] > input:first-child + label::before { width: 1.2em; height: 1.2em; margin-left: -1.55em; } -body:not(.lcars) +body:not([class*="lcars"]) .filter_types [class*="icheck-"] > input:first-child:checked + input[type="hidden"] + label::after, -body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked + label::after { +body:not([class*="lcars"]) + .filter_types + [class*="icheck-"] + > input:first-child:checked + + label::after { width: 0.35em; height: 0.7em; top: -0.2em;