diff options
| author | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-09-21 01:15:28 +0200 |
|---|---|---|
| committer | Jan-Christoph Borchardt <hey@jancborchardt.net> | 2017-09-21 16:43:24 +0200 |
| commit | 266fb0f1b3d1fcb1233513f2241bffcea18b1605 (patch) | |
| tree | 69f4cec338f85485b4924e39da35fe7abbe9f130 /css | |
| parent | 9f805bdf4a18328ccf58d1562d6dcae9825f04d5 (diff) | |
Only show delete icon on hover or focus
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'css')
| -rw-r--r-- | css/_details.scss | 16 |
1 files changed, 16 insertions, 0 deletions
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; |