energylink/public/sass/components/_view_states.scss

.page-kiosk-mode {
  dashnav {
    display: none;
  }
}

.playlist-active,
.user-activity-low {
  .react-resizable-handle
  .add-row-panel-hint,
  .dash-row-menu-container,
  .navbar-button--refresh,
  .navbar-buttons--zoom,
  .navbar-buttons--actions,
  .panel-menu-container,
  .panel-info-corner--info,
  .panel-info-corner--links {
    opacity: 0;
  }

  .navbar {
    box-shadow: none;
    background: transparent;
  }

  .navbar-page-btn {
    border-color: transparent;
    background: transparent;
    transform: translate3d(-40px, 0, 0);
    i {
      opacity: 0;
    }
  }

  .gf-timepicker-nav-btn {
    transform: translate3d(40px, 0, 0);
  }
}

.playlist-active {
  .dash-playlist-actions  {
    .fa {
      opacity: 1;
      color: $text-color-faint !important;
    }
  }
}