adding support for right-aligned menus back in to plug-in/css

include/staff/ticket-view.inc.php

@@ -61,7 +61,7 @@ if($ticket->isOverdue())
             <?php } ?>
             <a class="action-button" href="tickets.php?id=<?php echo $ticket->getId(); ?>"><i class="icon-print"></i> Print</a>
 
-            <div id="action-dropdown-1" class="action-dropdown">
+            <div id="action-dropdown-1" class="action-dropdown anchor-right">
               <ul>
                 <?php if($thisstaff->canDeleteTickets()) { ?>
                     <li><a href="tickets.php?id=<?php echo $ticket->getId(); ?>&a=delete">Delete Ticket</a></li>
@@ -71,7 +71,7 @@ if($ticket->isOverdue())
                 <?php } ?>
               </ul>
             </div>
-            <div id="action-dropdown-2" class="action-dropdown">
+            <div id="action-dropdown-2" class="action-dropdown anchor-right">
               <ul>
                 <?php if($thisstaff->canCloseTickets()) { ?>
                     <li><a href="tickets.php?id=<?php echo $ticket->getId(); ?>&a=close">Close Ticket</a></li>

scp/css/action-dropdown.css

@@ -783,6 +783,17 @@ ul.icons li .icon-large:before {
   border-bottom: 6px solid #FFF;
   display: inline-block;
 }
+
+.action-dropdown.anchor-right:before {
+  left: auto;
+  right: 9px;
+}
+
+.action-dropdown.anchor-right:after {
+  left: auto;
+  right: 10px;
+}
+
 .action-button {
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;

scp/js/jquery.action-dropdown.js

@@ -46,9 +46,10 @@ if(jQuery) (function($) {
 		if( isOpen || trigger.hasClass('dropdown-disabled') ) return;
 
 		dropdown.css({
-			left: trigger.offset().left - 4,
-			top: trigger.offset().top + trigger.outerHeight()
-		}).show();
+				left: dropdown.hasClass('anchor-right') ?
+				trigger.offset().left - (dropdown.outerWidth() - trigger.outerWidth() - 4) : trigger.offset().left,
+				top: trigger.offset().top + trigger.outerHeight()
+			}).show();
 		trigger.addClass('dropdown-open');
 	}