Fixed missing buttons when switching too much.

diff --git a/project/static/css/toolbar.css b/project/static/css/toolbar.css
index 4c5fa74..a54dc55 100644 (file)
--- a/project/static/css/toolbar.css
+++ b/project/static/css/toolbar.css
@@ -21,13 +21,6 @@
     line-height: 12px;
 }
 
     line-height: 12px;
 }
 

-.toolbar button {
-    border: none;
-    padding: 2px 0.5em;
-    background: #AAA;
-    font-family: Sans-Serif;
-}
-

 .toolbar div {
     background: green;
     margin: 0px;
 .toolbar div {
     background: green;
     margin: 0px;


@@ -38,24 +31,32 @@
     background: #DDD;
 }
 
     background: #DDD;
 }
 

-.toolbar-button-groups-container p {
+.toolbar-buttons-container {

     background: #DDD;
     padding-top: 2px;
     padding-bottom: 2px;
 }
 
     background: #DDD;
     padding-top: 2px;
     padding-bottom: 2px;
 }
 

-.toolbar-button-groups-container button {
+.toolbar-buttons-container button {

     background: #DDD;
     background: #DDD;

+    border: none;
+    padding: 2px 0.5em;
+    background: #AAA;
+    font-family: Sans-Serif;

 }
 
 }
 

-.toolbar-button-groups-container button:hover {
+.toolbar-buttons-container button:hover {

     background: #EEE;
 }
 
     background: #EEE;
 }
 

-.toolbar-button-groups-container button:active {
+.toolbar-buttons-container button:active {

     background: yellow;
 }
 
     background: yellow;
 }
 

+.panel-toolbar-extra button {
+    background: inherit;    
+}
+

 /* 
 .toolbar, .toolbar ol {
     display: block;
 /* 
 .toolbar, .toolbar ol {
     display: block;

diff --git a/project/static/js/editor.js b/project/static/js/editor.js
index f94d33c..94b4ca9 100644 (file)
--- a/project/static/js/editor.js
+++ b/project/static/js/editor.js
@@ -92,7 +92,8 @@ Panel.prototype.unload = function(event, data) {
         $(this.contentDiv).html('');
 
         // disconnect the toolbar
         $(this.contentDiv).html('');
 
         // disconnect the toolbar

-        $('div.panel-toolbar span.panel-toolbar-extra', this.wrap).empty();
+        $('div.panel-toolbar span.panel-toolbar-extra', this.wrap).html(
+            '<span />');

         
         this.callHook('unload');
         this.hooks = null; // flush the hooks
         
         this.callHook('unload');
         this.hooks = null; // flush the hooks


@@ -149,10 +150,9 @@ Panel.prototype.connectToolbar = function()
     if(toolbar.length === 0) return;
 
     // move the extra
     if(toolbar.length === 0) return;
 
     // move the extra

-    var extra_buttons = $('span.panel-toolbar-extra', toolbar);
-    var placeholder = $('div.panel-toolbar span.panel-toolbar-extra', this.wrap);
-    placeholder.replaceWith(extra_buttons);
-    placeholder.hide();
+    var extra_buttons = $('span.panel-toolbar-extra button', toolbar);
+    var placeholder = $('div.panel-toolbar span.panel-toolbar-extra > span', this.wrap);
+    placeholder.replaceWith(extra_buttons);    

 
     var action_buttons = $('button', extra_buttons);
 
 
     var action_buttons = $('button', extra_buttons);
 

diff --git a/project/templates/explorer/editor.html b/project/templates/explorer/editor.html
index 428f354..22a60f6 100644 (file)
--- a/project/templates/explorer/editor.html
+++ b/project/templates/explorer/editor.html
@@ -68,8 +68,10 @@
                         {% endfor %}
                     </select>
                     </label>
                         {% endfor %}
                     </select>
                     </label>

-                    <span class="toolbar-button-groups-container">
-                    <span class="panel-toolbar-extra" > </span>
+
+                    <span
+                    <span class="toolbar-buttons-container panel-toolbar-extra">
+                        </span>

                     </span>
                     <!-- rethink the refresh button - it doesn't work very well -->
                     <!-- <button type="button" class="refresh-button">Odśwież</button> -->
                     </span>
                     <!-- rethink the refresh button - it doesn't work very well -->
                     <!-- <button type="button" class="refresh-button">Odśwież</button> -->