239 Commits

Author SHA1 Message Date
XhmikosR
8529cb067c Fix a few HTML validation issues
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-06-16 09:32:51 +03:00
XhmikosR
8556b65b2e settings-level-expert: only toggle the expert elements
Show the basic ones by default. Also, reduce jQuery usage in those functions while at it.

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-05-19 09:49:10 +03:00
Adam Warner
db48e5e32f
sidebar: increase logo size to prevent a reflow (#3407) 2025-05-15 17:19:02 +01:00
yubiuser
04760b55c8
.user-header: use font-weight: 600 (#3450) 2025-05-11 10:25:53 +02:00
XhmikosR
41f0cb0958
.user-header: use font-weight: 600
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-05-11 10:03:11 +03:00
XhmikosR
a41fc12d84
Use font-weight: 600
We don't have 500 in the current source-sans-pro version

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-05-11 10:00:47 +03:00
XhmikosR
0dc47c5aa7 Remove unused CSS
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-04-30 19:10:40 +03:00
XhmikosR
b6d1385531 sidebar: increase logo size to prevent a reflow
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-04-21 15:25:00 +03:00
XhmikosR
5036b1df13 Navigation: switch to a real button
Better for accessibility

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-03-23 19:19:57 +02:00
RD WebDesign
390bc4ae99
Remove a few unused CSS rules from pi-hole.css and LCARS theme
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2025-03-16 22:27:33 -03:00
Dominik
28715bdca7
Ran autoprefixer (#3246) 2025-03-09 20:06:04 +01:00
XhmikosR
4e6105bef9 Switch to Font Awesome CSS
It's lighter than the JS

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-03-09 20:01:16 +02:00
Dominik
3f19392614
Sort interfaces (#3284) 2025-03-08 19:34:36 +01:00
RD WebDesign
90f71a442e
Use an arrow to indicate child interfaces
- Add and format the arrow
- Remove the icon used to indent child interfaces (the arrow is enough)

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2025-03-08 14:28:10 -03:00
XhmikosR
3602a43842 Add missing img dimensions
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-03-08 15:51:01 +02:00
XhmikosR
9b0c212a53 Ran autoprefixer
Move selector where appropriate

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-02-22 17:07:24 +02:00
RD WebDesign
99f39025fe
Define default colors for the graphic bars
Use CSS properties to define initial colors for the graphic bars in the dashboard
- Allowed (green);
- Blocked (red);
- Cached (blue);
- Total queries (gray).

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2025-01-23 21:27:08 -03:00
DL6ER
38452e8119
Merge branch 'development' into new/ifaces
Signed-off-by: DL6ER <dl6er@dl6er.de>
2024-09-25 09:54:42 +02:00
RD WebDesign
02ab3a7ab5
Fix the list-group-item background color and hover effect in all themes
using a semi-tranparent color

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-09-24 13:01:14 -03:00
yubiuser
c18937ceed
Merge branch 'devel' into resolve_merge_conflicts
Signed-off-by: yubiuser <github@yubiuser.dev>
2024-08-11 09:24:50 +02:00
RD WebDesign
8768f6a509
Format the buttons
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-05 20:31:25 -03:00
RD WebDesign
5db10ae1ae
Change the number of columns depending on the screen size
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-04 18:01:50 -03:00
RD WebDesign
6e6c667ce8
Show a message for empty tabs when selecting "Only Modified" settings
and fix the navigation basic style colors

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-04 18:01:49 -03:00
RD WebDesign
f0664ae90d
Cleaner layout for "All Settings" page
- remove the external green boxes;
- remove border from inner boxes (and change the box-shadow);
- add navigation and tabs for settings sections;
- adjust/add some classes for formatting

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-04 18:01:47 -03:00
RD WebDesign
f2f6cf4f58
More CSS adjustments
- Adjust styles to show only one column in mid and small screens
- also group all "settings" styles

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-04 18:01:46 -03:00
RD WebDesign
d66c5ec310
CSS adjustments
- change label style and width
- set icons padding

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-04 18:01:42 -03:00
RD WebDesign
494c1cf1c0
Replace non-breaking spaces with a margin
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-06-04 18:01:28 -03:00
RD WebDesign
a1df7bd9fe
Remove the small-box glow effect on text updates
to avoid accessibility issues

Fixes #3011

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2024-05-22 22:56:03 -03:00
RD WebDesign
f842c72236
Settings Pages - small adjustments (#3000)
- Fix buttons in high contrast themes
- consistent indentation and widths for fields and labels
- use class `form-control` to format every form field
- add some line breaks to improve readability
- use colors in "Currently active sessions" table
2024-04-03 16:27:35 -03:00
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
b542a301a5
Update style/pi-hole.css
Signed-off-by: Dominik <DL6ER@users.noreply.github.com>
2024-04-02 20:29:44 +02:00
DL6ER
09e9ae544f
Add some defensive CSS to protect the textarea auto-sizing from getting into an undesirable visual state. Previously, inputs had a fair amount of fixed sizes, but after applying field-sizing: content, the inputs can become much too small or much too large.
Signed-off-by: DL6ER <dl6er@dl6er.de>
2024-04-01 19:57:27 +02:00
DL6ER
64ccce4bd5
Add field-sizing-content class that makes input and textarea fields it is applied to automatically scale to the size of their content.
Signed-off-by: DL6ER <dl6er@dl6er.de>
2024-04-01 19:52:22 +01: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 7d2e83cbc42f1e63d5c5b00ebd2835b640f2895a
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