Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-02-15 07:25:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Display a message when there are no modified settings to display

Browse Source 
The first rule adds a pseudo element (::before) with the desired text,
to every `settings-container` element.
The second rule removes that pseudo element from `settings-containers`
with at least one child box without attribute `style="display: none;"`
(in other words: at least one "visible" child box).

This doesn't currently works in Firefox, but this may change in FF 121:
https://www.mozilla.org/en-US/firefox/121.0beta/releasenotes/#note-789864

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
This commit is contained in:
RD WebDesign
2023-12-02 02:25:15 -03:00
parent af6be919a1
commit 7a9105c89c
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
style/pi-hole.css
View File

@@ -553,6 +553,16 @@ td.details-control {
width: calc((100% / var(--number-of-columns)) - 20px);
}
.settings-container:has(.box[style*="display: none;"])::before {
content: "No modified settings to display";
opacity: 0.7;
font-style: italic;
}
.settings-container:has(.box:not([style*="display: none;"]))::before {
content: none;
}
@media screen and (max-width: 991px) {
#domain-search-block {
display: block;