Browsers have a focus outline for a reason: accessibility, letting users interact with the page using just the keyboard.
We, web developers, must not remove the focus outline without providing an equivalent alternative.
* https://accessiblewebsiteservices.com/accessible-css-focus-on-the-outline/
* https://theadminbar.com/accessibility-weekly/focus-outlines/
* https://stackoverflow.com/questions/9274948/css-outline-best-practices
I considered using the same visual feedback as the mouse-over effect, but that's not possible in the current HTML/CSS. That `transform: translateY(-3px)` effect is being applied to the parent `div.card`, which is not focusable, and thus we cannot trigger the same effect. The solution would require reworking both the HTML and CSS. (It can also be argued that tiny 3px offset is too subtle to be used as a focus indicator.)
For now, I've restored the default browser focus outline, and someday in the future someone could try to provide a different focus indication.
hardcoding lang attribute on the html tag force to define the english language.
If your user is a non english language the browser try to suggest to translate. But maybe the dashboard is already translated.
Add support for Pi-hole v6 API while maintaining v5 compatibility. The component now
handles both API versions with proper session-based authentication for v6 and legacy
authentication for v5. Includes automated retries, session caching, and proper cleanup.
- Add new apiVersion config option (default: 5, accepts: 5,6)
- Implement session-based auth with caching for v6 API
- Add auto-retry mechanism with configurable attempts
- Add periodic status polling for v6 API
- Separate v5/v6 API handling logic for better maintenance
- Improve error handling and status display
- Update documentation with v6 API support details
Breaking changes: None. V5 remains default for backward compatibility.
V6 mode must be explicitly enabled by setting apiVersion: 6 in config.
I was checking the newly added services and noticed that upon clicking the hyperlink it doesn't automatically scroll down to the corresponding section. Seems to be caused by a small typo.
Looking forward to the new release, these additions are great!