fix display of labels for datetime on screenreaders

This commit is contained in:
clemkeirua 2020-07-20 10:46:09 +02:00
parent bc34905742
commit c0cf8b1341
3 changed files with 19 additions and 5 deletions

View file

@ -55,3 +55,17 @@
@extend .without-continuation;
}
}
// Labels that we only want for screen readers
// https://www.coolfields.co.uk/2016/05/text-for-screen-readers-only-updated/
.screen-reader-text {
border: none;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
width: 1px;
overflow: hidden;
position: absolute !important;
word-wrap: normal !important;
}