diff options
| author | John Molakvoæ <skjnldsv@users.noreply.github.com> | 2019-06-17 09:59:55 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-06-17 09:59:55 +0200 |
| commit | f6ad353c7c1176bcaa167051c9f3e118e69f7a20 (patch) | |
| tree | 4289f6c44e76818bb6b31c2012486a0448c9e48f /apps | |
| parent | 1bbb26e060c22072b7b612cc2b19240feaeb351a (diff) | |
| parent | 42a84ea454ce3012e7d3c32fe1a9cf4305c3a9b2 (diff) | |
| download | nextcloud-server-f6ad353c7c1176bcaa167051c9f3e118e69f7a20.tar.gz nextcloud-server-f6ad353c7c1176bcaa167051c9f3e118e69f7a20.zip | |
Merge pull request #15961 from nextcloud/design/sharing-accessibility
Sharing in list: Use .hidden-visually instead of display:none for accessibility, fix #11661
Diffstat (limited to 'apps')
| -rw-r--r-- | apps/files/css/files.scss | 13 | ||||
| -rw-r--r-- | apps/files/css/mobile.scss | 10 |
2 files changed, 18 insertions, 5 deletions
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss index daf4ef2dd78..0885efa423f 100644 --- a/apps/files/css/files.scss +++ b/apps/files/css/files.scss @@ -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; diff --git a/apps/files/css/mobile.scss b/apps/files/css/mobile.scss index 879e8a2bb31..111909bf957 100644 --- a/apps/files/css/mobile.scss +++ b/apps/files/css/mobile.scss @@ -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; } |