[stable16] Sharing in list: Use .hidden-visually instead of display:none for accessibility, fix #11661 (#15981)

[stable16] Sharing in list: Use .hidden-visually instead of display:none for accessibility, fix #11661
This commit is contained in:
John Molakvoæ 2019-06-18 16:46:11 +02:00 committed by GitHub
commit 26ab38aea0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 5 deletions

View File

@ -541,8 +541,15 @@ a.action > img {
opacity: .3; opacity: .3;
&.action-share { &.action-share {
padding: 17px 14px; padding: 17px 14px;
> span:not(.icon) { &.permanent:not(.shared-style) .icon-shared + span {
display: none; /* hide text of the share action */
/* .hidden-visually for accessbility */
position: absolute;
left:-10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
} }
.avatar { .avatar {
display: inline-block; display: inline-block;

View File

@ -36,8 +36,14 @@ table.multiselect thead {
margin-right: 6px; margin-right: 6px;
} }
/* hide text of the share action on mobile */ /* hide text of the share action on mobile */
#fileList a.action-share span:not(.icon) { /* .hidden-visually for accessbility */
display: none !important; #fileList a.action-share span:not(.icon):not(.avatar) {
position: absolute;
left:-10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
} }