[SSE mobile] debug toolbar hidding on android

apps/spreadsheeteditor/mobile/app/controller/Editor.js

@@ -102,6 +102,11 @@ define([
                 this.editorView = this.createView('Editor').render();
 
                 $$(window).on('resize', _.bind(this.onWindowResize, this));
+                Common.NotificationCenter.on('layout:changed', (source, args) => {
+                    if ( source == 'navbar' ) {
+                        this.editorView.$el.find('.page.editor')[args.hidden?'addClass':'removeClass']('no-padding');
+                    }
+                });
             },
 
             onWindowResize: function(e) {

apps/spreadsheeteditor/mobile/app/controller/edit/EditContainer.js

@@ -256,8 +256,10 @@ define([
                         '</div>'
                     )).on('close', function (e) {
                         mainView.showNavbar();
+                        Common.NotificationCenter.trigger('layout:changed','navbar', {hidden:false});
                     });
                     mainView.hideNavbar();
+                    Common.NotificationCenter.trigger('layout:changed','navbar', {hidden:true});
                 } else {
                     me.picker = uiApp.popover(
                         '<div class="popover settings container-edit">' +

apps/spreadsheeteditor/mobile/resources/less/app-common.less

@@ -4,6 +4,17 @@
 .navbar-through {
   > .page.editor {
     padding-top: @appToolbarHeight;
+    transition: padding-top .2s ease-in;
+  }
+}
+
+.navbar-through .page {
+  & > .searchbar {
+    top: @appToolbarHeight + @cellEditorHeight;
+  }
+
+  #cell-editing-box.expanded + .searchbar {
+    top: @appToolbarHeight + @cellEditorExpandedHeight;
   }
 }
 

apps/spreadsheeteditor/mobile/resources/less/app-material.less

@@ -173,3 +173,12 @@ input, textarea {
     }
   }
 }
+
+.phone {
+  .page.editor {
+    &.no-padding {
+      padding-top: 0;
+      transition: padding-top .2s ease-in;
+    }
+  }
+}
\ No newline at end of file

apps/spreadsheeteditor/mobile/resources/less/ios/_search.less

 // Search
 
-.navbar-through .page {
-  & > .searchbar {
-    top: @toolbarSize + @cellEditorHeight;
-    //position: relative;
-  }
-
-  #cell-editing-box.expanded + .searchbar {
-    top: @toolbarSize + @cellEditorHeightExp;
-  }
-}
-
 .tablet {
   // Replace mode
   .searchbar.document.replace {