Fix padding & add hover effect

axllent · Jul 5, 2017 · 448bc3e · 448bc3e
1 parent b2fcbbc
commit 448bc3e
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/css/tiled-gridfield.css b/css/tiled-gridfield.css
@@ -12,16 +12,22 @@
 	min-width: 60px;
 	min-height: 60px;
 }
-
+.ss-tiled-gridfield tbody.ss-gridfield-items td {
+    border-top: none!important;
+}
+.ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact .grid-field__icon-action:hover {
+    background: transparent;
+}
 .ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact {
 	position: absolute;
-	top: 0;
-    right: 0;
+	top: 2px;
+    right: 2px;
 	padding: 0;
 	margin: 0;
     width: auto;
-    display: none;
+    opacity: 0;
 	border: none;
+    transition: opacity 1s;
 }
 .ss-tiled-gridfield tbody.ss-gridfield-items td.grid-field__col-compact a {
     display: none;
@@ -32,5 +38,8 @@
     height: 20px;
 }
 .ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact {
-    display: block;
+    opacity: 0.5;
+}
+.ss-tiled-gridfield tbody.ss-gridfield-items tr:hover td.grid-field__col-compact:hover {
+    opacity: 1;
 }