mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #15961 from nextcloud/design/sharing-accessibility 

Sharing in list: Use .hidden-visually instead of display:none for accessibility, fix #11661
This commit is contained in:
John Molakvoæ 2019-06-17 09:59:55 +02:00 committed by GitHub
parent 1bbb26e060 42a84ea454
commit f6ad353c7c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
apps/files/css/files.scss
View File

@ -559,8 +559,15 @@ a.action > img {
opacity: .3;
&.action-share {
padding: 17px 14px;
> span:not(.icon) {
display: none;
&.permanent:not(.shared-style) .icon-shared + span {
/* hide text of the share action */
/* .hidden-visually for accessbility */
position: absolute;
left:-10000px;
top: auto;
width: 1px;
height: 1px;
overflow: hidden;
}
.avatar {
display: inline-block;
@ -770,7 +777,7 @@ table.dragshadow td.size {
border-radius: 0;
background-color: transparent;
z-index:1;
> a[href='#'] {
// if no link is set, no mouse feedback
box-shadow: none !important;

10
apps/files/css/mobile.scss
View File

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