From 266fb0f1b3d1fcb1233513f2241bffcea18b1605 Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Thu, 21 Sep 2017 01:15:28 +0200 Subject: Only show delete icon on hover or focus Signed-off-by: Jan-Christoph Borchardt --- css/_details.scss | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'css') diff --git a/css/_details.scss b/css/_details.scss index 33da128d..e3beb7f5 100644 --- a/css/_details.scss +++ b/css/_details.scss @@ -309,9 +309,25 @@ detailsitem .icon-delete { padding: 16px 10px; background-color: transparent; border: none; + opacity: 0; +} + +detailsitem input:hover + .icon-delete, +detailsitem input:focus + .icon-delete, +detailsitem input:active + .icon-delete, +detailsitem select:hover + .icon-delete, +detailsitem select:focus + .icon-delete, +detailsitem select:active + .icon-delete, +detailsitem:hover .icon-delete { opacity: .2; } +detailsitem .icon-delete:hover, +detailsitem .icon-delete:focus, +detailsitem .icon-delete:active { + opacity: 1; +} + detailsitem .item-action { position: absolute; padding: 8px 5px; -- cgit v1.2.3