use :hover pseudo class to set opacity

1 files changed, 18 insertions, 0 deletions

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index dfc2e4c0e2f..3cd809038b9 100644
--- a/apps/files/css/files.css
+++ b/apps/files/css/files.css
@@ -123,6 +123,24 @@ a.action>img { max-height:16px; max-width:16px; vertical-align:text-bottom; }
 .selectedActions a { display:inline; margin:-.5em 0; padding:.5em !important; }
 .selectedActions a img { position:relative; top:.3em; }
 
+#fileList a.action {
+	display:none;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+	filter: alpha(opacity=0);
+	opacity: 0; 
+}
+#fileList tr:hover a.action {
+	display:inline;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=.5)";
+	filter: alpha(opacity=.5);
+	opacity: .5; 
+}
+#fileList tr:hover a.action:hover {
+	display:inline;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
+	filter: alpha(opacity=1);
+	opacity: 1; 
+}
 
 #scanning-message{ top:40%; left:40%; position:absolute; display:none; }