diff --git a/css/tiled-gridfield.css b/css/tiled-gridfield.css index 5b9e166..c928787 100644 --- 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; }