[linterna-magica-commit] [65] Fix for bugs #33303.

[Ivaylo Valkov]

Revision: 65
          
http://svn.sv.gnu.org/viewvc/?view=rev&root=linterna-magica&revision=65
Author:   valkov
Date:     2011-05-13 14:22:45 +0000 (Fri, 13 May 2011)
Log Message:
-----------
Fix for bugs #33303.

Ticket Links:
------------
    http://savannah.gnu.org/bugs/?33303

Modified Paths:
--------------
    trunk/data/style/template.css
    trunk/src/lm_detect_object_in_remote_site.js

Modified: trunk/data/style/template.css
===================================================================
--- trunk/data/style/template.css       2011-05-13 14:18:14 UTC (rev 64)
+++ trunk/data/style/template.css       2011-05-13 14:22:45 UTC (rev 65)
@@ -528,4 +528,33 @@
                                           }
 .linterna-magica-web-log-clone-messages p {
                                             margin: 1em 0 !important;
-                                            }
\ No newline at end of file
+                                            }
+
+.linterna-magica-remote-clip-buttons  {
+    position: relative !important;
+    z-index: 99999 !important;
+    /* See https://savannah.nongnu.org/bugs/?33303*/
+    margin-bottom: 50px !important;
+}
+
+p.linterna-magica-remote-clip-buttons a {
+                                    display: block !important;
+                                    right: 0 !important;
+                                    margin: 0 !important;
+                                    top: 0 !important;
+                                    position: relative !important;
+                                    padding: 0 !important;
+                                    color:#ffffff !important;
+                                    height: 24px !important;
+                                    /* border: 1px dashed white !important; */
+                                    float: right !important;
+                                    text-decoration: none !important;
+                                    overflow: hidden;
+                                    line-height: 3000px;
+                                    }
+/* The link that destroys the remote clip link */
+a.linterna-magica-remote-clip-close-button {
+    background: url('button-close.png') 0 0 no-repeat !important;
+    width: 24px !important;
+}
+

Modified: trunk/src/lm_detect_object_in_remote_site.js
===================================================================
--- trunk/src/lm_detect_object_in_remote_site.js        2011-05-13 14:18:14 UTC 
(rev 64)
+++ trunk/src/lm_detect_object_in_remote_site.js        2011-05-13 14:22:45 UTC 
(rev 65)
@@ -178,8 +178,25 @@
                              " ("+object_data.remote_site_link+")"));
 
     p.appendChild(a);
-    p.style.setProperty("position", "relative", "important");
-    p.style.setProperty("z-index", "99999", "important");
 
+    var close = document.createElement("a");
+    close.textContent="x";
+    close.setAttribute("href", "#");
+    close.setAttribute("class", "linterna-magica-remote-clip-close-button");
+    close.setAttribute("title", this._("Remove this button, if it overlaps 
images or text in the page."));
+
+    var close_click_function =  function(ev)
+    {
+       ev.preventDefault();
+       var wrapper =  this.parentNode;
+       wrapper.parentNode.removeChild(wrapper);
+    };
+
+    close.addEventListener("click", close_click_function, false);
+
+    p.appendChild(close);
+
+    p.setAttribute("class", "linterna-magica-remote-clip-buttons");
+
     return p;
 }