_view_states.scss 1007 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .view-mode--inactive {
  2. .react-resizable-handle,
  3. .add-row-panel-hint,
  4. .dash-row-menu-container,
  5. .panel-info-corner--info,
  6. .panel-info-corner--links {
  7. display: none;
  8. }
  9. }
  10. .view-mode--tv {
  11. @extend .view-mode--inactive;
  12. .sidemenu {
  13. position: fixed;
  14. background-color: transparent;
  15. box-shadow: none;
  16. .sidemenu__top,
  17. .sidemenu__bottom,
  18. .sidemenu__logo_small_breakpoint {
  19. display: none;
  20. }
  21. .sidemenu__logo {
  22. @include media-breakpoint-down(sm) {
  23. display: block;
  24. }
  25. }
  26. }
  27. .page-toolbar {
  28. padding-left: $side-menu-width;
  29. &--fullscreen {
  30. padding-left: $space-md;
  31. }
  32. }
  33. .submenu-controls {
  34. display: none;
  35. }
  36. }
  37. .view-mode--kiosk {
  38. @extend .view-mode--tv;
  39. .sidemenu,
  40. .page-toolbar {
  41. display: none;
  42. }
  43. .submenu-controls {
  44. display: none;
  45. }
  46. }
  47. @include media-breakpoint-down(sm) {
  48. nav.page-toolbar {
  49. padding-left: 53px;
  50. &--fullscreen {
  51. padding-left: $space-md;
  52. }
  53. }
  54. }