_view_states.scss 738 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. .view-mode--inactive {
  2. .react-resizable-handle,
  3. .add-row-panel-hint,
  4. .dash-row-menu-container,
  5. .navbar-buttons--actions,
  6. .panel-info-corner--info,
  7. .panel-info-corner--links {
  8. display: none;
  9. }
  10. .navbar-page-btn {
  11. transform: translate3d(-36px, 0, 0);
  12. i {
  13. opacity: 0;
  14. }
  15. }
  16. .navbar-button--zoom,
  17. .navbar-button--refresh {
  18. display: none;
  19. }
  20. }
  21. .view-mode--playlist {
  22. @extend .view-mode--inactive;
  23. }
  24. .view-mode--tv {
  25. @extend .view-mode--inactive;
  26. .submenu-controls {
  27. display: none;
  28. }
  29. }
  30. .view-mode--kiosk {
  31. @extend .view-mode--tv;
  32. .sidemenu,
  33. .navbar {
  34. display: none;
  35. }
  36. .scroll-canvas--dashboard {
  37. height: 100%;
  38. }
  39. .submenu-controls {
  40. display: none;
  41. }
  42. }