[linterna-magica-commit] [347] Moving the remote clip button and the toggle plugin bottom back to the

[Ivaylo Valkov]

Revision: 347
          
http://svn.sv.gnu.org/viewvc/?view=rev&root=linterna-magica&revision=347
Author:   valkov
Date:     2012-12-21 08:29:51 +0000 (Fri, 21 Dec 2012)
Log Message:
-----------
Moving the remote clip button and the toggle plugin bottom back to the 
bottom right corner. Tasks #12203.

Ticket Links:
------------
    http://savannah.gnu.org/task/?12203

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

Modified: trunk/data/style/template.css
===================================================================
--- trunk/data/style/template.css       2012-12-20 15:10:25 UTC (rev 346)
+++ trunk/data/style/template.css       2012-12-21 08:29:51 UTC (rev 347)
@@ -89,7 +89,7 @@
     line-height: 3000px  !important;
     overflow: hidden  !important;
     border: 1px solid #36393E !important;
-    top: 11px !important;
+    bottom: 0px !important;
 }
 
 /* The logo/about link in the header */
@@ -107,35 +107,23 @@
     float: right !important;
 }
 
-.linterna-magica-logo-wrapper,
 .linterna-magica-remote-clip-buttons,
 .linterna-magica-toggle-plugin-wrapper {
     position:relative!important;
     z-index: 999999 !important;
     display: block !important;
     right: 0px !important;
-    top: 0px !important;
     width: 100% !important;
     height: 24px !important;
     background-color: transparent !important;
-}
-
-.linterna-magica-remote-clip-buttons {
-    top:-24px !important;
-}
-
-.linterna-magica-toggle-plugin:hover {
+    clear: both !important;
     top: 0px !important;
 }
 
-.linterna-magica-remote-clip-buttons:hover > a {
-    top: -22px !important;
-}
 
 .linterna-magica-remote-clip-buttons a {
-    top: -12px !important;
     float: right !important;
-    right: 12px !important;
+    right: 0px !important;
 }
 
 a.linterna-magica-remote-clip-visit-page-button {
@@ -150,7 +138,7 @@
     width: 24px !important;
     position:absolute !important;
     display: block !important;
-    right: 156px !important;
+    right: 144px !important;
     border-right: none !important;
 }
 

Modified: trunk/src/lm_create_video_object.js
===================================================================
--- trunk/src/lm_create_video_object.js 2012-12-20 15:10:25 UTC (rev 346)
+++ trunk/src/lm_create_video_object.js 2012-12-21 08:29:51 UTC (rev 347)
@@ -213,9 +213,9 @@
            before = site_html5_player;
        }
 
-       if (before)
+       if (before && before.nextSibling)
        {
-           object_data.parent.insertBefore(toggle_plugin, before);
+           object_data.parent.insertBefore(toggle_plugin, before.nextSibling);
        }
        else
        {

Modified: trunk/src/lm_extract_dom_objects.js
===================================================================
--- trunk/src/lm_extract_dom_objects.js 2012-12-20 15:10:25 UTC (rev 346)
+++ trunk/src/lm_extract_dom_objects.js 2012-12-21 08:29:51 UTC (rev 347)
@@ -194,35 +194,17 @@
 
                var before =  object;
 
-               if (before)
+               if (before && before.nextSibling)
                {
-                   object_data.parent.insertBefore(remote_site, before);
+                   object_data.parent.insertBefore(remote_site,
+                                                   before.nextSibling);
                }
                else
                {
                    object_data.parent.appendChild(remote_site);
                }
 
-               object.style.setProperty("position", "relative", "important");
-               object.style.setProperty("background-color", "black", 
"important");
-               object.style.setProperty("z-index", "9999999", "important");
-               object.style.setProperty("display", "block", "important");
-               object.style.setProperty("border",
-                                             "1px solid #36393E", "important");
 
-               var top = (remote_site.offsetTop - object.offsetTop);
-               var w = this.extract_object_width(object, true);
-               var h = this.extract_object_height(object, true);
-               h = (this.min_remote_object_height > h || h == this.min_height) 
? 
-                   this.min_remote_object_height : h;
-
-               remote_site.style.setProperty("width",
-                                             (w+12)+"px", "important");
-               object.style.setProperty("width", (w-2)+"px", "important");
-
-               object.style.setProperty("top", top+"px", "important");
-               object.style.setProperty("min-height", h+"px", "important");
-
                object.parentNode.style.setProperty("overflow",
                                                    "visible", "important");