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

Merge pull request #347 from nextcloud/delete-icon 

Only show delete icon on hover or focus
This commit is contained in:
Jan-Christoph Borchardt 2017-09-21 17:25:21 +02:00 committed by GitHub
parent 03fef19017 266fb0f1b3
commit c9532abdf2
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

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