[linterna-magica-commit] [346] Moving the logo to the bottom bar as part of the interface changes in tasks #12203 .

[Ivaylo Valkov]

Revision: 346
          
http://svn.sv.gnu.org/viewvc/?view=rev&root=linterna-magica&revision=346
Author:   valkov
Date:     2012-12-20 15:10:25 +0000 (Thu, 20 Dec 2012)
Log Message:
-----------
Moving the logo to the bottom bar as part of the interface changes in 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_interface_player_web_buttons.js

Modified: trunk/data/style/template.css
===================================================================
--- trunk/data/style/template.css       2012-12-09 08:35:52 UTC (rev 345)
+++ trunk/data/style/template.css       2012-12-20 15:10:25 UTC (rev 346)
@@ -72,12 +72,8 @@
 }
 
 
-.linterna-magica-logo:hover {
-    top: 0px !important;
-}
 
 /* The logo/about link in the header */
-.linterna-magica-logo,
 /* The link that switches between LinternaMagica and the plugin */
 /* (the bottom of a flash object) */
 .linterna-magica-toggle-plugin,
@@ -98,11 +94,17 @@
 
 /* The logo/about link in the header */
 .linterna-magica-logo {
+    display: block  !important;
+    text-decoration: none  !important;
+    width: 146px  !important;
+    height: 24px  !important;
+    line-height: 3000px  !important;
+    overflow: hidden  !important;
     width: 116px  !important;
     background: url('button-about.png') 0 0 no-repeat !important;
     cursor: help !important;
     z-index: 9999 !important;
-    right: -1px !important;
+    float: right !important;
 }
 
 .linterna-magica-logo-wrapper,

Modified: trunk/src/lm_create_video_object.js
===================================================================
--- trunk/src/lm_create_video_object.js 2012-12-09 08:35:52 UTC (rev 345)
+++ trunk/src/lm_create_video_object.js 2012-12-20 15:10:25 UTC (rev 346)
@@ -61,7 +61,6 @@
 
     var container = document.createElement("div");
     var object_tag_wrapper = document.createElement("div");
-    var script_name = document.createElement("a");
     var object_tag = document.createElement("object");
     var message = document.createElement("p");
     var param = document.createElement("param");
@@ -87,25 +86,7 @@
     container.style.setProperty("width",
                                (object_data.width+"px"), "important");
  
-    script_name.textContent = "Linterna Mágica";
-    script_name.setAttribute("href", "#");
-    script_name.setAttribute("title", this._("About")+ " Linterna Mágica " +
-                            this.version);
-    script_name.setAttribute("id", "linterna-magica-logo-"+id);
-    script_name.setAttribute("class", "linterna-magica-logo");
 
-    var self = this;
-    script_name.addEventListener("click", function(ev)
-                                {
-                                    var el = this;
-                                    self.about.apply(self, [ev, el]);
-                                }, false);
-
-    var about_wrapper = document.createElement('p');
-    about_wrapper.setAttribute("class", "linterna-magica-logo-wrapper");
-    about_wrapper.appendChild(script_name);
-    container.appendChild(about_wrapper);
-
     object_tag_wrapper.setAttribute("id", 
"linterna-magica-video-object-wrapper-"+id);
     object_tag_wrapper.setAttribute("class", 
"linterna-magica-video-object-wrapper");
 

Modified: trunk/src/lm_interface_player_web_buttons.js
===================================================================
--- trunk/src/lm_interface_player_web_buttons.js        2012-12-09 08:35:52 UTC 
(rev 345)
+++ trunk/src/lm_interface_player_web_buttons.js        2012-12-20 15:10:25 UTC 
(rev 346)
@@ -350,6 +350,24 @@
 
     controls.appendChild(update_notifier);
 
+    var about_lm = document.createElement("a");
+    about_lm.textContent = "Linterna Mágica";
+    about_lm.setAttribute("href", "#");
+    about_lm.setAttribute("title", this._("About")+ " Linterna Mágica " +
+                            this.version);
+    about_lm.setAttribute("id", "linterna-magica-logo-"+id);
+    about_lm.setAttribute("class", "linterna-magica-logo");
+
+    var self = this;
+    about_lm.addEventListener("click", function(ev)
+                                {
+                                    var el = this;
+                                    self.about.apply(self, [ev, el]);
+                                }, false);
+
+    controls.appendChild(about_lm);
+
+
     // For RTL pages and LM translations we order the controls
     // from right to left.