improved the css of the popups for tagging

3 files changed, 15 insertions, 6 deletions

diff --git a/views/default/js/tagging.php b/views/default/js/tagging.php
index 11f195783..bd6890502 100644
--- a/views/default/js/tagging.php
+++ b/views/default/js/tagging.php
@@ -189,7 +189,8 @@
 

 	function showTagMenu(oObject, oCoordenates)

 	{

-		offsetX = -100;

+		offsetX = 6;

+		offsetY = 10;

 

 		imgOffset = $('#tidypics_image').offset();

 

@@ -197,8 +198,8 @@
 		if (oCoordenates.width != 0 && oCoordenates.height != 0) {

 			coordinates = oCoordenates;

 			

-			_top = imgOffset.top + oCoordenates.y2;

-			_left = imgOffset.left + oCoordenates.x2 + offsetX;

+			_top = imgOffset.top + oCoordenates.y2 + offsetY;

+			_left = imgOffset.left + oCoordenates.x1 + offsetX;

 

 			$('#tidypics_tag_menu').show().css({

 				"top": _top + "px",

diff --git a/views/default/tidypics/css.php b/views/default/tidypics/css.php
index f95bc1d58..a614705bf 100644
--- a/views/default/tidypics/css.php
+++ b/views/default/tidypics/css.php
@@ -194,6 +194,8 @@ display:none;
 overflow:hidden; 
 position:absolute; 
 z-index:10000;
+-webkit-border-radius: 8px; 
+-moz-border-radius: 8px;
 }
 
 #tidypics_tag_instruct_text {
@@ -214,13 +216,16 @@ margin:0;
 width:240px;
 max-height:400px;
 overflow:hidden;
+-webkit-border-radius: 8px; 
+-moz-border-radius: 8px;
 }
 
-#tidypics_tagmenu_header {
+#tidypics_popup_header {
 width:100%;
 margin-bottom:10px;
 }
 
+
 #tidypics_tagmenu_left {
 width:175px;
 float:left;
@@ -235,6 +240,9 @@ margin-top:2px;
 }
 
 #tidypics_delete_tag_menu {
+-webkit-border-radius: 8px; 
+-moz-border-radius: 8px;
+overflow:hidden;
 }
 
 .tidypics_tag {
diff --git a/views/default/tidypics/tagging.php b/views/default/tidypics/tagging.php
index a3ba57cf8..f911fe217 100644
--- a/views/default/tidypics/tagging.php
+++ b/views/default/tidypics/tagging.php
@@ -27,7 +27,7 @@
 	<div id='tidypics_tag_instruct_button_div'><button class='submit_button' id='tidypics_tag_instruct_button' onclick='stopTagging()'><?php echo elgg_echo('tidypics:finish_tagging'); ?></button></div>

 </div>

 <div id="tidypics_tag_menu" class="tidypics_popup">

-	<div id='tidypics_tagmenu_header'><h3><?php echo elgg_echo('tidypics:tagthisphoto'); ?></h3></div>

+	<div id='tidypics_popup_header'><h3><?php echo elgg_echo('tidypics:tagthisphoto'); ?></h3></div>

 <?php

 

 	if($viewer) {

@@ -64,9 +64,9 @@
 ?>

 </div>

 <div id="tidypics_delete_tag_menu" class="tidypics_popup">

+<div id='tidypics_popup_header'><h3><?php echo elgg_echo('tidypics:deltag_title'); ?></h3></div>

 <?php

 	if ($photo_tags) {

-		echo elgg_echo('tidypics:deltag_title') . '<br />';

 		$content = "<input type='hidden' name='image_guid' value='{$file_guid}' />";

 		foreach ($links as $id => $text) {

 			$name = "tags[{$id}]";