From 0d55c511ff64763810793b064aafe40323c96b39 Mon Sep 17 00:00:00 2001 From: RD WebDesign Date: Wed, 1 Feb 2023 19:02:49 -0300 Subject: [PATCH] Improving settings for Web and API - use separate tabs for Web and API - change box titles and options distribution Signed-off-by: RD WebDesign --- settings.php | 294 +++++++++++++++++++++++++--------------------- style/pi-hole.css | 4 + 2 files changed, 164 insertions(+), 134 deletions(-) diff --git a/settings.php b/settings.php index e02cbb4c..2f21449a 100644 --- a/settings.php +++ b/settings.php @@ -196,7 +196,7 @@ if (isset($setupVars['API_QUERY_LOG_SHOW'])) { ?> class="active"> DHCP +
  • class="active"> + Web interface +
  • class="active"> - API / Web interface + API
  • class="active"> Privacy @@ -1026,10 +1029,162 @@ if (isset($piholeFTLConf['RATE_LIMIT'])) { - -
    + +
    +
    +
    +
    +

    Theme and Layout

    +
    +
    +
    +
    + +
    +
    +
    +
    +
    + checked> + +
    +
    +
    + + +
    +
    + +
    +
    +
    +
    +
    +
    +
    +

    Interface settings (auto saved)

    +
    +
    + +
    +
    +

    Global Settings

    +
    +
    + +
    +
    +
    + + +
    +
    +
    + +
    + +
    +
    +

    Per Browser Settings

    +
    +
    + +
    +
    +
    + + +
    +
    +
    + +
    +
    +
    + + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +
    +
    +
    + + +
    +
    +
    @@ -1109,138 +1264,9 @@ if (isset($piholeFTLConf['RATE_LIMIT'])) {
    -
    - -
    -
    -

    Web interface settings

    -
    -
    -
    -
    -

    Interface appearance

    - -
    -
    -
    -
    -
    - checked> - -
    -
    -
    -
    -
    -
    - - -
    -
    -
    - - -
    -
    - -
    -
    - -
    -
    -
    -
    -

    Per-browser settings (auto saved)

    -
    -
    -
    -
    -

    Checkbox and radio buttons

    -
    -
    - -
    -
    -
    -
    -
    - - -
    -
    -
    -
    -
    -
    - - -
    -
    -
    -
    -
    -
    - - -
    -
    -
    -
    -
    -
    + tr > .selected { left: 50%; translate: -50% -50%; } + +.faint-border { + border-color: rgba(127, 127, 127, 0.1); +}