.view-mode--inactive {
  .react-resizable-handle,
  .add-row-panel-hint,
  .dash-row-menu-container,
  .navbar-buttons--actions,
  .panel-info-corner--info,
  .panel-info-corner--links {
    display: none;
  }

  .navbar-page-btn {
    transform: translate3d(-36px, 0, 0);

    i {
      opacity: 0;
    }
  }

  .navbar-button--zoom,
  .navbar-button--refresh {
    display: none;
  }
}

.view-mode--playlist {
  @extend .view-mode--inactive;
}

.view-mode--tv {
  @extend .view-mode--inactive;

  .sidemenu {
    position: fixed;
    background-color: transparent;
    box-shadow: none;

    .sidemenu__top,
    .sidemenu__bottom {
      display: none;
    }
  }

  .navbar {
    padding-left: $side-menu-width;
  }

  .submenu-controls {
    display: none;
  }
}

.view-mode--kiosk {
  @extend .view-mode--tv;

  .sidemenu,
  .navbar {
    display: none;
  }

  .scroll-canvas--dashboard {
    height: 100%;
  }

  .submenu-controls {
    display: none;
  }
}
