Add hover & popup classes to payment links

diff --git a/css/civicrm.css b/css/civicrm.css
index f6982f96dfd6c6c21b47b81f48137971a5cf2117..add263391fd06805c5621adc9134672fce850bee 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -2646,7 +2646,7 @@ div.grippie {
 }
 
 /* Icon hover-buttons */
-.crm-container a.crm-hover-button {
+.crm-container .crm-hover-button {
   display: inline-block;
   border: 1px solid transparent;
   text-decoration: none;
@@ -2655,13 +2655,13 @@ div.grippie {
   padding: 1px 2px 1px 0;
   opacity: .7;
 }
-.crm-container .crm-accordion-header a.crm-hover-button {
+.crm-container .crm-accordion-header .crm-hover-button {
   opacity: 1;
   position: relative;
   top: -4px;
 }
-.crm-container a.crm-hover-button:hover,
-.crm-container a.crm-hover-button:active {
+.crm-container .crm-hover-button:hover,
+.crm-container .crm-hover-button:active {
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(1, #ccc));
   background-image: -webkit-linear-gradient(center bottom, #eee 0%, #ccc 100%);
   background-image: -moz-linear-gradient(center bottom, #eee 0%, #ccc 100%);

diff --git a/templates/CRM/Contribute/Page/PaymentInfo.tpl b/templates/CRM/Contribute/Page/PaymentInfo.tpl
index c09daaf24e5a3d21c73f9a4ae6006b5eba476b48..c953dbde2e3e99c27dba8f1bcfb34b43684113aa 100644 (file)
--- a/templates/CRM/Contribute/Page/PaymentInfo.tpl
+++ b/templates/CRM/Contribute/Page/PaymentInfo.tpl
@@ -56,7 +56,7 @@ cj(function($){
     <td>{$paymentInfo.total|crmMoney}</td>
     <td class='right'>
       {if $paymentInfo.paid > 0}
-        <a class='action-item' href='{crmURL p="civicrm/payment" q="view=transaction&cid=`$cid`&id=`$paymentInfo.id`&component=`$paymentInfo.component`&action=browse"}'>{$paymentInfo.paid|crmMoney}<br/>>> view payments</a>
+        <a class="crm-popup medium-popup" href='{crmURL p="civicrm/payment" q="view=transaction&cid=`$cid`&id=`$paymentInfo.id`&component=`$paymentInfo.component`&action=browse"}'>{$paymentInfo.paid|crmMoney}<br/><span class="crm-hover-button">&raquo; view payments</span></a>
       {/if}
     </td>
     <td class='right'>{$paymentInfo.balance|crmMoney}</td>

diff --git a/templates/CRM/Event/Form/ParticipantFeeSelection.tpl b/templates/CRM/Event/Form/ParticipantFeeSelection.tpl
index 12f61d243f682832cbf0d91bdd593a7770302706..31383cad3eeeeb72537d32e2870c7acb86c361b2 100644 (file)
--- a/templates/CRM/Event/Form/ParticipantFeeSelection.tpl
+++ b/templates/CRM/Event/Form/ParticipantFeeSelection.tpl
@@ -129,7 +129,7 @@ cj(function(){
          <div class='crm-section'> 
          <div class='label'>{ts}Updated Fee(s){/ts}</div><div id="pricevalue" class='content updated-fee'></div>
          <div class='label'>{ts}Total Paid{/ts}</div>
-         <div class='content'><a class='action-item' href='{crmURL p="civicrm/payment" q="view=transaction&action=browse&cid=`$contactId`&id=`$paymentInfo.id`&component=`$paymentInfo.component`&context=transaction"}'>{$paymentInfo.paid|crmMoney}<br/>>> view payments</a>
+         <div class='content'><a class="crm-popup medium-popup" href='{crmURL p="civicrm/payment" q="view=transaction&action=browse&cid=`$contactId`&id=`$paymentInfo.id`&component=`$paymentInfo.component`&context=transaction"}'>{$paymentInfo.paid|crmMoney}<br/><span class="crm-hover-button">&raquo; view payments</span></a>
          </div>
          <div class='label'><strong>{ts}Balance Owed{/ts}</strong></div><div class='content'><strong id='balance-fee'></strong></div>
           </div>
@@ -144,7 +144,7 @@ cj(function(){
        <tr class="crm-event-eventfees-form-block-send_receipt">
           <td class="label">{ts}Send Confirmation{/ts}</td>
           <td>{$form.send_receipt.html}<br>
-             <span class="description">{ts 1=$email'}Automatically email a confirmation to %1?{/ts}</span>
+             <span class="description">{ts 1=$email}Automatically email a confirmation to %1?{/ts}</span>
           </td>
        </tr>
        <tr id="from-email" class="crm-event-eventfees-form-block-from_email_address">
@@ -217,4 +217,4 @@ cj(function($){
   });
 });
 </script>
-{/literal}
\ No newline at end of file
+{/literal}