From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Fri, 14 Jun 2019 12:16:25 +0000 (+0200)
Subject: Sharing in list: Use .hidden-visually instead of display:none for accessibility,... 
X-Git-Tag: v16.0.2RC1~33^2
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=refs%2Fpull%2F15981%2Fhead;p=nextcloud-server.git

Sharing in list: Use .hidden-visually instead of display:none for accessibility, fix #11661

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 8b37b65b947..1ffe8af4324 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -541,8 +541,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;
@@ -752,7 +759,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 b661fc61d45..5437451d53d 100644
--- a/apps/files/css/mobile.scss
+++ b/apps/files/css/mobile.scss
@@ -36,8 +36,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;
 }