Fix LCARS visual and allow user selected checkbox theme

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2022-09-06 21:06:39 -03:00
parent 3ef30992c5
commit e3b4cd9238
3 changed files with 21 additions and 8 deletions
+1 -1
View File
@@ -137,7 +137,7 @@ $piholeFTLConf = piholeFTLConfig();
require 'header.php';
?>
<body class="hold-transition sidebar-mini<?php if ($boxedlayout) { ?> layout-boxed<?php } ?><?php if ($auth) { ?> logged-in<?php } ?>">
<body class="<?php echo $theme; ?> hold-transition sidebar-mini<?php if ($boxedlayout) { ?> layout-boxed<?php } ?><?php if ($auth) { ?> logged-in<?php } ?>">
<noscript>
<!-- JS Warning -->
<div>
+9 -7
View File
@@ -758,27 +758,29 @@ li:not(.menu-open) .treeview-menu .warning-count {
}
/* Domains table: filter by type - smaller icheck */
.filter_types .icheck-primary[class*="icheck-"] > label {
body:not(.lcars) .filter_types [class*="icheck-"] > label {
padding-left: 1.5em !important;
line-height: 1.2em;
min-height: 1.2em;
}
.filter_types
.icheck-primary[class*="icheck-"]
body:not(.lcars)
.filter_types
[class*="icheck-"]
> input:first-child
+ input[type="hidden"]
+ label::before,
.filter_types .icheck-primary[class*="icheck-"] > input:first-child + label::before {
body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child + label::before {
width: 1.2em;
height: 1.2em;
margin-left: -1.55em;
}
.filter_types
.icheck-primary[class*="icheck-"]
body:not(.lcars)
.filter_types
[class*="icheck-"]
> input:first-child:checked
+ input[type="hidden"]
+ label::after,
.filter_types .icheck-primary[class*="icheck-"] > input:first-child:checked + label::after {
body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked + label::after {
width: 0.35em;
height: 0.7em;
top: -0.2em;
+11
View File
@@ -1743,6 +1743,17 @@ table.dataTable {
}
}
/* Domains table: filter by type */
.filter_types span {
width: 132px;
}
[class*="icheck-"] > label {
color: var(--text-color);
}
[class*="icheck-"] > label:hover {
color: #cde !important;
}
/*** Used by the long-term pages ***/
.daterangepicker {
background-color: #345;