Commit Graph

205 Commits

Author SHA1 Message Date
RD WebDesign
6f65368759 Settings Page - Apply small adjustments
- consistent indentation and widths for fields and labels
- use class `form-control` to format every form field
- add some line breaks to improve readability

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-04-02 21:28:26 -03:00
Dominik
7d51f40274 Tweak settings level and add changed-only toggle (#2882) 2024-03-17 20:35:47 +01:00
RD WebDesign
bff2648978 Hide the checkbox while the page loads
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-03-15 00:56:46 -03:00
RD WebDesign
0854c2afef Better text and controls layout
- use 4-8 columns instead of 6-6;
- use label before the number control (this will show the label on the previous line, when there is a line break);
- right-align second column in larger screens and add small margin;
- remove old HTML comments.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-02-13 15:28:29 -03:00
RD WebDesign
4fba41bca1 Remove unused CSS rules
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-02-13 13:34:23 -03:00
DL6ER
2f44fc63cc Merge branch 'development-v6' into tweak/settings_changed_only
Signed-off-by: DL6ER <dl6er@dl6er.de>
2024-02-11 10:14:49 +01:00
DL6ER
5f79611e96 Fix search output unintentionally broken in 7d2e83cbc4
Signed-off-by: DL6ER <dl6er@dl6er.de>
2024-02-06 17:56:32 +01:00
DL6ER
52991f495c Merge branch 'development-v6' into tweak/settings_changed_only
Signed-off-by: DL6ER <dl6er@dl6er.de>
2024-01-07 14:04:11 +01:00
RD WebDesign
8b3240e4be Fix the red line used to identify recent entries on the log pages (#2891) 2023-12-21 16:01:05 -03:00
RD WebDesign
4debb067b6 Keep "Save" button inside the content area even using boxed layout (#2887) 2023-12-08 00:25:56 -03:00
RD WebDesign
4363f027ea Use a new color for every theme and better position and sizes
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-12-03 03:49:42 -03:00
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
7d2e83cbc4 Fix the red line used to identify recent entries on the log pages
- use `display:grid` on the parent;
- set `width:100%` on the line element;
- set margin-bottom to `-1px`, to avoid a small jump when the line is hidden
2023-12-02 20:05:18 -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
469a179b0e Address review comments
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-12-01 09:49:20 +01: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
ce96e15d59 Remove settings-level-1 and rename level 0 to basic, level 2 to expert
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-29 13:11:27 +01:00
DL6ER
ceb1118c0b Add settings level and only-changed settings toggle
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-29 13:10:18 +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
a05a0f5d4c Merge branch 'development-v6' into fix/taillog_height 2023-10-27 16:12:20 +02:00
RD WebDesign
bd4683501e Using dynamic viewport height unit (dvh) to account browser UI height
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-30 18:52:09 -03:00
RD WebDesign
dd7871ca06 Use different heights for different scenarios
The page height depends on many factors (sidebar is open/collapsed,
submenu items opened/closed, mobile/desktop header, text wrap in narrow
screens, manual window resize in desktops).
This commit tries to calculated the best height for the PRE element in
each scenario.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2023-11-30 04:07:17 -03:00
DL6ER
171dc732f5 Use block instead of viewport height to fix maximum height of taillog pre element
Signed-off-by: DL6ER <dl6er@dl6er.de>
2023-11-29 13:34:47 +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