nextcloud
/
contacts
mirror of https://github.com/nextcloud/contacts
0
0
Fork 0
Code Issues Releases Wiki Activity

Only show delete icon on hover or focus 

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2017-09-21 01:15:28 +02:00
parent 9f805bdf4a
commit 266fb0f1b3
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/_details.scss
View File

@ -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;