ux: hide sidemenu in kiosk mode, and while playlist is playing, fixes #107402

public/app/core/components/grafana_app.ts

@@ -83,6 +83,10 @@ export function grafanaAppDirective(playlistSrv, contextSrv, $timeout, $rootScop
         body.toggleClass('sidemenu-hidden');
         body.toggleClass('sidemenu-hidden');
       });
       });
 
 
+      scope.$watch(() => playlistSrv.isPlaying, function(newValue) {
+        elem.toggleClass('playlist-active', newValue === true);
+      });
+
       // tooltip removal fix
       // tooltip removal fix
       // manage page classes
       // manage page classes
       var pageClass;
       var pageClass;

public/app/core/directives/dash_class.js

@@ -18,10 +18,6 @@ function (_, $, coreModule) {
           elem.toggleClass('panel-in-fullscreen', false);
           elem.toggleClass('panel-in-fullscreen', false);
         });
         });
 
 
-        $scope.$watch('ctrl.playlistSrv.isPlaying', function(newValue) {
-          elem.toggleClass('playlist-active', newValue === true);
-        });
-
         $scope.$watch('ctrl.dashboardViewState.state.editview', function(newValue) {
         $scope.$watch('ctrl.dashboardViewState.state.editview', function(newValue) {
           if (newValue) {
           if (newValue) {
             elem.toggleClass('dashboard-page--settings-opening', _.isString(newValue));
             elem.toggleClass('dashboard-page--settings-opening', _.isString(newValue));

public/sass/components/_view_states.scss

 .page-kiosk-mode {
 .page-kiosk-mode {
-  dashnav {
+  .sidemenu,
+  .navbar {
     display: none;
     display: none;
   }
   }
 }
 }
@@ -31,6 +32,10 @@
     }
     }
   }
   }
 
 
+  .sidemenu {
+    display: none;
+  }
+
   .gf-timepicker-nav-btn {
   .gf-timepicker-nav-btn {
     transform: translate3d(40px, 0, 0);
     transform: translate3d(40px, 0, 0);
   }
   }