Merge branch 'fix-11053' of https://github.com/alexanderzobnin/grafana into…

Merge branch 'fix-11053' of https://github.com/alexanderzobnin/grafana into alexanderzobnin-fix-11053

public/app/features/dashboard/view_state_srv.ts

@@ -196,9 +196,10 @@ export class DashboardViewState {
     this.oldTimeRange = ctrl.range;
     this.oldTimeRange = ctrl.range;
     this.fullscreenPanel = panelScope;
     this.fullscreenPanel = panelScope;
 
 
+    // Firefox doesn't return scrollTop postion properly if 'dash-scroll' is emitted after setViewMode()
+    this.$scope.appEvent('dash-scroll', { animate: false, pos: 0 });
     this.dashboard.setViewMode(ctrl.panel, true, ctrl.editMode);
     this.dashboard.setViewMode(ctrl.panel, true, ctrl.editMode);
     this.$scope.appEvent('panel-fullscreen-enter', { panelId: ctrl.panel.id });
     this.$scope.appEvent('panel-fullscreen-enter', { panelId: ctrl.panel.id });
-    this.$scope.appEvent('dash-scroll', { animate: false, pos: 0 });
   }
   }
 
 
   registerPanel(panelScope) {
   registerPanel(panelScope) {

public/sass/components/_scrollbar.scss

@@ -192,7 +192,17 @@
 
 
   // Width needs to be set to prevent content width issues
   // Width needs to be set to prevent content width issues
   // Set to 99% instead of 100% for fixing Firefox issue (white stripe on the right of scrollbar)
   // Set to 99% instead of 100% for fixing Firefox issue (white stripe on the right of scrollbar)
-  width: 99%;
+  min-width: 99%;
+}
+
+// Fix for side menu on mobile devices
+.sidemenu-open.sidemenu-open--xs {
+  .main-view.baron {
+    min-width: 0%;
+  }
+}
+.main-view.baron {
+  min-width: 99%;
 }
 }
 
 
 .baron__clipper {
 .baron__clipper {