From 300591560e6366e2bf17753cbfe2f04836c125fd Mon Sep 17 00:00:00 2001 From: rabuzarus <> Date: Wed, 1 Jun 2016 17:21:57 +0200 Subject: [PATCH] frio: adding contact actions on hover for contacts in contact view --- view/theme/frio/css/style.css | 27 ++++++++++++++++--- .../theme/frio/templates/contact_template.tpl | 26 +++++++++++++++--- 2 files changed, 46 insertions(+), 7 deletions(-) diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css index 7d45bddbe..4d7e4e2cb 100644 --- a/view/theme/frio/css/style.css +++ b/view/theme/frio/css/style.css @@ -1702,10 +1702,29 @@ ul.viewcontact_wrapper > li { .contact-entry-checkbox { margin-top: -20px; } -.contact-wrapper .media-body .contact-entry-name h4.media-heading { - font-weight: bold; - color: #777; - font-size: 15px; +.contact-wrapper .media-body .contact-entry-name h4.media-heading a { + font-weight: bold !important; + color: $link_color; + font-size: 15px !important; +} +.contact-wrapper .contact-actions { + display: flex; +} +.contact-wrapper a.contact-action-link { + opacity: 0.1; +} +.contact-wrapper a.contact-action-link, +.contact-wrapper a.contact-action-link:hover, +.textcomplete-item .contact-wrapper a.contact-action-link { + padding-right: 5px; + padding-left: 5px; + color: #555; +} +ul li:hover .contact-wrapper a.contact-action-link { + opacity: 0.8; +} +ul li:hover .contact-wrapper a.contact-action-link:hover { + opacity: 1; } #contacts-search-wrapper, #directory-search-wrapper{ diff --git a/view/theme/frio/templates/contact_template.tpl b/view/theme/frio/templates/contact_template.tpl index bfffec0ce..4c2395fd0 100644 --- a/view/theme/frio/templates/contact_template.tpl +++ b/view/theme/frio/templates/contact_template.tpl @@ -46,10 +46,20 @@
+ {{* The contact actions like private mail, delete contact, edit contact and so on *}} + + {{* The contact description (e.g. Name, Network, kind of connection and so on *}}
-

{{$contact.name}} +

{{$contact.name}} {{if $contact.account_type}} ({{$contact.account_type}}){{/if}} {{if $contact.account_type == 'Forum'}}{{/if}} {{* @todo this needs some changing in core because $contact.account_type contains a translated string which may notbe the same in every language *}} @@ -124,11 +134,21 @@ We use this part to filter the contacts with jquery.textcomplete *}}

-
{{* @todo There is a bug with this class - the browser freezes if the screensize is to small - but only fith textcomplete*}} +
+ {{* The contact actions like private mail, delete contact, edit contact and so on *}} + + {{* The contact description (e.g. Name, Network, kind of connection and so on *}}
-

{$name} +

{$name} {if $account_type} ({$account_type}){/if} {if $account_type == 'Forum'}{/if} {{* @todo this needs some changing in core because $contact.account_type contains a translated string which may notbe the same in every language *}}