Commit Graph

186 Commits

Author SHA1 Message Date
RD WebDesign
f6e7dc6e67 Add new CSS custom property to define the overlay background color
Also, move the :root definition to the top.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-12-03 03:15:15 -03:00
RD WebDesign
89866fab77 Adding a container and a semi-transparent background
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-12-02 03:30:35 -03:00
RD WebDesign
127a843086 Keep "Save" button inside the content area even using boxed layout
Fix #2884

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-12-02 02:52:53 -03:00
DL6ER
124d304e8f Merge branch 'development-v6' into new/live_query_log
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-30 22:12:17 +01:00
DL6ER
f252c6ba83 Add overflow-wrap to ensure too long-lines don't overwrite other content in the Query Log details
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-29 12:03:01 +01:00
DL6ER
72e06da4da Add live Query Log feature
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-28 23:52:15 +01:00
DL6ER
01577e2392 Add dnsmasq tail log formatting (#2878) 2023-11-28 22:23:44 +01:00
DL6ER
35bf9124a3 Add review comment suggestion
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-28 20:41:51 +01:00
RD WebDesign
0f58fbfb96 Tweak the lists user interface, specially the icons
- add a new column for list type;
- separate status and type icons;
- move the code responsible for the icons to dedicated functions;
- use the same icons for block/allow everywhere;
- use the same style (solid circle) for every status icon (except history).

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-27 02:48:18 -03:00
Christian König
c8a43d3daa Revert "Update datatables (#2852)"
This reverts commit e4ac12c3e0, reversing
changes made to 54dba57161.

Signed-off-by: Christian König <ckoenig@posteo.de>
2023-11-26 20:57:08 +01:00
RD WebDesign
c3ee946ac8 Local records: better layout to avoid text overlapping in smaller screens (#2864) 2023-11-23 17:10:18 -03:00
RD WebDesign
4ceabfb388 Simplify the layout moving "add new item" fields to the table footer
- create a table footer and move the input fields there;
- CSS to format the input fields
- remove the collapsible box

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-22 00:24:18 -03:00
RD WebDesign
d3652ffed3 Fix the selected row background and text colors
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-19 03:00:09 -03:00
RD WebDesign
c84157eaf1 Add word break for clients column to avoid horizontal scrollbar
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-15 15:11:17 -03:00
RD WebDesign
1778a8a650 Fix indentation of paragraphs inside icheck elements
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-14 17:40:43 -03:00
RD WebDesign
0b28146e15 Keep the text on the same line, even in smaller screens
- Add a row with `display:flex` to avoid the line break

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-14 15:47:17 -03:00
RD WebDesign
b44a07446d Small desing adjustment and simplify selector
- use class to style buttons and info icons (move style to pi-hole.css)
- add negative margin to avoid small jump when the button is shown
- use the new classes to simplify jquery selectors
2023-11-08 16:52:21 -03:00
DL6ER
1ce8b48df1 Merge branch 'development-v6' into new/error_pages
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-10-29 20:58:16 +01:00
DL6ER
b5678b65f1 Add app password support and add robot column to the session table
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-10-27 16:12:20 +02:00
DL6ER
dedf8cddac Use stopwatch-icon for reply time in Query Log and fix abandoned CSS
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-10-23 21:31:25 +02:00
DL6ER
1159824b12 Add 404 error page
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-10-14 16:04:23 +02:00
Adam Warner
0f6b917ae1 Improve settings level select location (#2720) 2023-10-06 13:21:14 +01:00
RD WebDesign
32535ebd04 Avoid breaking inline controls outside datatables
Inline form controls should use `width: auto`.
Using `width: 100%` for `.form-inline .form-control` selector makes every inline form element 100% wide.
This is not intended.
Using a more specific selector force 100% only for controls inside datatables.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-07-23 22:33:21 -03:00
RD WebDesign
b1c0631a69 Settings pages: apply style to page titles using a flex container
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-07-19 01:20:02 -03:00
RD WebDesign
1371ab9a6b Change .save-button z-index to 10
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-07-09 16:12:39 -03:00
RD WebDesign
466a192a73 Fix the size of the login "key icon"
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-07-06 00:56:26 -03:00
RD WebDesign
a43ea6ae5f Fix previous prettier error
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-06-30 21:36:13 -03:00
RD WebDesign
27ff8199ed Fix CodeFactor complaints about CSS
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-06-02 17:12:30 -03:00
DL6ER
e0fad7c020 Increase menu header padding in the sidebar
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-28 08:32:01 +02:00
DL6ER
8ba58eabcc Implement Settings -> System buttons
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-24 20:32:19 +02:00
DL6ER
77b893e188 Show error on login page and immediately redirect to message.lp after login if DNS server is NOT running
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-24 20:26:21 +02:00
DL6ER
9f383893bd Add advanced information in the dropdown menu (only visible with Expert Settings mode)
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-22 20:15:11 +02:00
DL6ER
18f52bacbe Improve handling of settings levels
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-22 19:26:48 +02:00
DL6ER
63697d8c19 Ensure legend stays next (not below) cache content doughnut chart
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-12 14:15:55 +02:00
DL6ER
b30c1e0433 Finish settings-advanced.lp
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-05-08 13:10:39 +02:00
DL6ER
7156cc541f Port PHP to Lua Pages
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-04-26 21:57:11 +02:00
RD WebDesign
2ad9b8af77 Fix the global settings level selector style
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-03-16 19:19:40 -03:00
RD WebDesign
ef1b8733f9 Use a single flex container instead of 2 fixed columns
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-03-16 18:10:37 -03:00
DL6ER
f0f26c13ed Add 2FA frontend handling
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-03-08 20:46:56 +01:00
DL6ER
5f7ceda54f Add live-tail of all log files as well as local DNS and CNAME records handling (add new and delete existing records is still TODO at this point)
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-02-20 15:41:12 +01:00
DL6ER
f7eb7d29cb Update Font Awesome 5.15.1 -> 6.3.0 (latest)
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-02-19 14:17:45 +01:00
DL6ER
abbee9f587 Hide box overflow
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-02-18 18:41:37 +01:00
DL6ER
69eb8bf3d0 Merge branch 'devel' into devel-v6
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-02-10 20:56:52 +01:00
DL6ER
7375dd0d91 Introduce settings levels Basic, Advanced and Expert
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-02-10 13:44:36 +01:00
DL6ER
d7eada8156 Remove "Remember me for 7 days" checkbox. Each user gets their own independent session. By default, the session will expire after 5 minutes of no web interface being open (otherwise, it is continuously prolonged because of all the background API activity while refreshing the statistics). This timeout, however, can be set freely in pihole.toml and soon also in the web interface so this checkbox has stoped being useful.
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-02-03 18:07:11 +01:00
RD WebDesign
0d55c511ff Improving settings for Web and API
- use separate tabs for Web and API
- change box titles and options distribution

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-02-01 19:02:49 -03:00
RD WebDesign
393302efbc Fix buttons position on small screens
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-01-13 14:15:01 -03:00
XhmikosR
90ba0a449d Increase small-box footer contrast ratio
Contrast ratio is still low, but this should improve things. Generally, it's advised to aim for a contrast ratio of 4.5.

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2022-11-15 09:15:09 +02:00
RD WebDesign
3e729c5bee Visual adjustments
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2022-10-08 14:51:44 -03:00
RD WebDesign
d972a8c61b Add links to dashboard top boxes
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2022-10-08 14:51:44 -03:00