Commit Graph

252 Commits

Author SHA1 Message Date
RD WebDesign
59574f88ba Do not use 3 columns when boxed layout is used
Fix the CSS to avoid using 3 columns on the All Settings page when boxed layout is used.

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
2026-02-21 04:38:52 -03:00
Adam Warner
dcb07b761b Make DNSSEC icon conditional in Queries Log (redo of https://github.com/pi-hole/web/pull/3399/) (#3535) 2025-10-04 15:33:59 +01:00
RD WebDesign
d799d39d25 Fix 2FA icon styles #3431 (#3585) 2025-08-25 21:30:35 -03:00
idotj
ee02f1aea8 Remove CSS
Signed-off-by: idotj <info@idotj.com>
2025-08-20 14:20:11 +02:00
idotj
21a65be5a7 Fix 2FA icon styles #3431
Signed-off-by: idotj <info@idotj.com>
2025-08-19 18:41:54 +02:00
sharkboots75
eb140af01a Make DNSSEC icon conditional in Queries Log
Avoid emitting the DNSSEC icon in Domain column if DNSSEC is not being used/tracked

Signed-off-by: sharkboots75 <sharkboots75@gmail.com>
2025-07-12 10:04:29 +02:00
yubiuser
41cdc9728c Show pointer only for clickable items
Signed-off-by: yubiuser <github@yubiuser.dev>
2025-07-12 09:20:05 +02:00
yubiuser
a89fdda77e Only underline clickable legend items in pie charts
Signed-off-by: yubiuser <github@yubiuser.dev>
2025-07-12 09:10:34 +02:00
Adam Warner
353ba2f163 charts.js: refactor to reduce complexity, improve readability and per… (#3542) 2025-07-11 23:09:54 +01:00
Adam Warner
014ce38f87 gravity: convert to vanilla JS and refactor code (#3545) 2025-07-11 18:48:19 +01:00
XhmikosR
306edb2f9e tailog: convert to vanilla JS and improve performance
Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-06-28 13:47:39 +03:00
XhmikosR
ef4f97610b gravity: convert to vanilla JS and refactor code
Only the alerts are using jQuery for now

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-06-28 08:28:33 +03:00
XhmikosR
0fa650d9bb charts.js: refactor to reduce complexity, improve readability and performance
Also

* drop jQuery usage
* move inline styles to CSS when possible
* switch to `a` tags for links otherwise use `p`

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
2025-06-28 07:45:11 +03:00
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