feat: Add hidden-visually CSS class for accessibility

Add utility class to hide elements visually while keeping them
accessible to screen readers. This follows web accessibility
best practices and aligns with the Nextcloud Files app approach.

Signed-off-by: Vitor Mattos <1079143+vitormattos@users.noreply.github.com>
This commit is contained in:
Vitor Mattos 2025-12-03 13:12:58 -03:00
parent 6ee4c16d10
commit 101d103a85
No known key found for this signature in database
GPG key ID: 6FECE2AD4809003A

View file

@ -9,6 +9,15 @@
.is-fullwidth{width: 100%;}
.hidden-visually {
position: absolute;
left: -10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.button.is-warning{
background-color: var(--color-warning, #eca700);
border-color: var(--color-warning-hover, #f0b933);