use :hover pseudo class to set opacity

diff --git a/apps/files/css/files.css b/apps/files/css/files.css
index dfc2e4c0e2f7255379fdc5c08e4fe55868e82af4..3cd809038b905138ab454eb3a75ea4e7ee9bdea6 100644 (file)
--- 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; }