From bce00d8b3d89494b7137b75dff8a4705eecdf52b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Tue, 7 Nov 2017 16:32:20 +0100
Subject: [PATCH] Reduce spread of css selector for a.action
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 apps/files/css/files.scss | 85 ++++++++++++++++++++-------------------
 1 file changed, 44 insertions(+), 41 deletions(-)

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index a3beac152c..d1405517f1 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -547,46 +547,49 @@ a.action > img {
 	margin-bottom: -1px;
 }
 
-#fileList a.action {
-	display: inline;
-	padding: 17px 8px;
-	line-height: 50px;
-	opacity: 0;
-}
-#fileList a.action.action-share {
-	padding: 17px 14px;
-}
-#fileList a.action.action-share .avatar {
-	display: inline-block;
-	vertical-align: middle;
-}
-
-#fileList a.action.action-menu {
-	padding-top: 17px;
-	padding-bottom: 17px;
-	padding-left: 14px;
-	padding-right: 14px;
-}
-
-#fileList a.action,
-#fileList a.action.no-permission:hover,
-#fileList a.action.no-permission:focus,
-/* also enforce the low opacity for disabled links that are hovered/focused */
-#fileList a.action.disabled:hover,
-#fileList a.action.disabled:focus,
-#fileList a.action.disabled img {
-	opacity: .3;
-}
-
-#fileList a.action.disabled.action-download,
-#fileList a.action.disabled.action-download:hover,
-#fileList a.action.disabled.action-download:focus,
-#fileList a.action:hover,
-#fileList a.action:focus,
-#fileList .fileActionsMenu a.action,
-/* show share action of shared items darker to distinguish from non-shared */
-#fileList a.action.action-share.shared-style {
-	opacity: .7;
+#fileList td a {
+	a.action {
+		display: inline;
+		padding: 17px 8px;
+		line-height: 50px;
+		opacity: .3;
+		&.action-share {
+			padding: 17px 14px;
+			.avatar {
+				display: inline-block;
+				vertical-align: middle;
+			}
+		}
+		&.action-menu {
+			padding-top: 17px;
+			padding-bottom: 17px;
+			padding-left: 14px;
+			padding-right: 14px;
+		}
+		&.no-permission {
+			&:hover, &:focus {
+				opacity: .3;
+			}
+		}
+		&.disabled {
+			&:hover, &:focus,
+			img {
+				opacity: .3;
+			}
+			&.action-download {
+				opacity: .7;
+				&:hover, &:focus {
+					opacity: .7;
+				}
+			}
+		}
+		&:hover, &:focus {
+			opacity: .7;
+		}
+	}
+	.fileActionsMenu a.action, a.action.action-share.shared-style {
+		opacity: .7;
+	}
 }
 
 // Ellipsize long sharer names
@@ -739,7 +742,7 @@ table.dragshadow td.size {
 
 .canDrop,
 #filestable tbody tr.canDrop {
-  background-color: rgba(255, 255, 140, 1);
+	background-color: rgba(255, 255, 140, 1);
 }