scrollbar: fix dashboard width updating for different modes

public/app/core/components/grafana_app.ts

@@ -167,6 +167,7 @@ export function grafanaAppDirective(playlistSrv, contextSrv, $timeout, $rootScop
           if (sidemenuHidden) {
           if (sidemenuHidden) {
             sidemenuHidden = false;
             sidemenuHidden = false;
             body.addClass('sidemenu-open');
             body.addClass('sidemenu-open');
+            appEvents.emit('toggle-inactive-mode');
             $timeout(function() {
             $timeout(function() {
               $rootScope.$broadcast('render');
               $rootScope.$broadcast('render');
             }, 100);
             }, 100);

public/app/core/components/scroll/scroll.ts

@@ -60,10 +60,16 @@ export function geminiScrollbar() {
         scope
         scope
       );
       );
 
 
-      appEvents.on('toggle-sidemenu', evt => {
       // force updating dashboard width
       // force updating dashboard width
+      appEvents.on('toggle-sidemenu', forceUpdate);
+      appEvents.on('toggle-sidemenu-hidden', forceUpdate);
+      appEvents.on('toggle-view-mode', forceUpdate);
+      appEvents.on('toggle-kiosk-mode', forceUpdate);
+      appEvents.on('toggle-inactive-mode', forceUpdate);
+
+      function forceUpdate() {
         scrollbar.scroll();
         scrollbar.scroll();
-      });
+      }
 
 
       scope.$on('$routeChangeSuccess', () => {
       scope.$on('$routeChangeSuccess', () => {
         lastPos = 0;
         lastPos = 0;