summaryrefslogtreecommitdiffstats
path: root/css
diff options
context:
space:
mode:
authorJan-Christoph Borchardt <hey@jancborchardt.net>2017-09-21 17:25:21 +0200
committerGitHub <noreply@github.com>2017-09-21 17:25:21 +0200
commitc9532abdf201193ea3e0b82c28755b1c5e8f93c9 (patch)
treeda13dedd0b4247a23d2e60d7e7cdb55832cebc14 /css
parent03fef190171ce33e3561ad13b11131fcc2389d16 (diff)
parent266fb0f1b3d1fcb1233513f2241bffcea18b1605 (diff)
Merge pull request #347 from nextcloud/delete-icon
Only show delete icon on hover or focus
Diffstat (limited to 'css')
-rw-r--r--css/_details.scss16
1 files changed, 16 insertions, 0 deletions
diff --git a/css/_details.scss b/css/_details.scss
index d51f6fca..9c69648a 100644
--- a/css/_details.scss
+++ b/css/_details.scss
@@ -311,9 +311,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;