FEATURE: Add close link (from r97751)

git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/branches/2.4@99088 467b73ca-7a2a-4603-9d3b-597d59a354a9

css/SilverStripeNavigator.css

@@ -85,9 +85,9 @@
 #SilverStripeNavigatorLinkPopup {
 	display: none;
 	position: absolute;
-	top: -50px;
-	height: 40px;
-	width: 280px;
+	top: -60px;
+	height: 50px;
+	width: 350px;
 	left: 200px;
 	background-color: white;
 	border: 1px solid black;
@@ -99,3 +99,13 @@
 #SilverStripeNavigatorLinkPopup input {
 	width: 250px;
 }
+
+#SilverStripeNavigatorLinkPopup a.close {
+	color: blue;
+	text-align: right;
+	width: 80%;
+	border: none !important;
+	cursor: pointer;
+}
+
+

javascript/SilverStripeNavigator.js

@@ -19,6 +19,13 @@ function windowName(suffix) {
 		}
 	);
 	
+	$('#SilverStripeNavigatorLinkPopup a.close').livequery('click',
+		function() {
+			$('#SilverStripeNavigatorLinkPopup').hide();
+			return false;
+		}
+	);
+	
 	$('#SilverStripeNavigatorLinkPopup input').livequery('focus',
 		function() {
 			this.select();

templates/SilverStripeNavigatorLink.ss

@@ -3,6 +3,7 @@
 	<% _t('SilverStripeNavigatorLink.ShareLink','Share link') %>
 </a>
 <div id="SilverStripeNavigatorLinkPopup">
+	<a class="close"><% _t('SilverStripeNavigatorLinkl.CloseLink','Close') %></a>
 	<p>
 		<% _t('SilverStripeNavigatorLink.ShareInstructions','To share a this to this page, copy and paste the link below.') %></p>
 	<input value="$Link" />