summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorJessica Greene <jessica0greene@gmail.com>2018-04-27 15:09:31 +0200
committerJessica Greene <jessica0greene@gmail.com>2018-04-27 15:34:53 +0200
commitdd4737a396d503919382e402de1007bc65d08cd8 (patch)
tree63899859ea5bc3391a6b6fe13419fb1863c5992e
parent1ff655f9af14c0f47d0aa8740968b386e5fa8805 (diff)
changed icon classes to a tags so that bin symbol also reacts on hover of text
and added styling for cursor over icon-more
-rw-r--r--css/_details.scss4
-rw-r--r--templates/contactDetails.html10
2 files changed, 7 insertions, 7 deletions
diff --git a/css/_details.scss b/css/_details.scss
index 77620591..8a01e67a 100644
--- a/css/_details.scss
+++ b/css/_details.scss
@@ -75,6 +75,10 @@
width: 44px;
}
+.contactdetails__header #details-actions span.icon-more-white {
+ cursor: pointer;
+}
+
.contactdetails__header #contact-failed-save {
animation: pulse 1.5s infinite;
border-radius: 50%;
diff --git a/templates/contactDetails.html b/templates/contactDetails.html
index 9891e84e..1f8cc63a 100644
--- a/templates/contactDetails.html
+++ b/templates/contactDetails.html
@@ -42,21 +42,17 @@
outside-if-not="openMenuButton,popovermenu">
<ul>
<li ng-if="ctrl.contact.failedProps.length>0">
- <a id="contact-failed-save" ng-click="ctrl.updateContact()" uib-tooltip="Contact failed to save please update">
- <span class="icon-checkmark"></span>
+ <a id="contact-failed-save" ng-click="ctrl.updateContact()" uib-tooltip="Contact failed to save please update" class="icon-checkmark">
<span>Update</span>
</a>
</li>
<li>
- <a href="{{ctrl.contact.data.url}}" id="contact-export-link"
- download="{{ ctrl.contact.readableFilename() }}">
- <span class="icon-download"></span>
+ <a href="{{ctrl.contact.data.url}}" id="contact-export-link" download="{{ ctrl.contact.readableFilename() }}" class="icon-download">
<span>Download</span>
</a>
</li>
<li ng-if="!ctrl.addressBook.readOnly">
- <a ng-click="ctrl.deleteContact()">
- <span class="icon-delete"></span>
+ <a ng-click="ctrl.deleteContact()" class="icon-delete">
<span>Delete</span>
</a>
</li>