Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-05-01 14:12:25 +01:00
Code Issues Packages Projects Releases Wiki Activity
6,346 Commits 24 Branches 114 Tags
ed4961f4beccd013899aa4e9d50c8d06d5a473e1
Commit Graph

220 Commits

Author SHA1 Message Date
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 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
d64d2bafd5 Add word break for clients column, to avoid horizintal scrollbar 
Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
 2023-11-15 15:05:46 -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