_iframe.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. body.iframe-mode {
  2. .main-sidebar {
  3. display: none;
  4. }
  5. .content-wrapper {
  6. margin-left: 0 !important;
  7. margin-top: 0 !important;
  8. padding-bottom: 0 !important;
  9. }
  10. .main-header,
  11. .main-footer {
  12. display: none;
  13. }
  14. }
  15. body.iframe-mode-fullscreen {
  16. overflow: hidden;
  17. }
  18. .content-wrapper {
  19. height: 100%;
  20. &.iframe-mode {
  21. .navbar-nav {
  22. overflow-y: auto;
  23. width: 100%;
  24. .nav-link {
  25. white-space: nowrap;
  26. }
  27. }
  28. .tab-content {
  29. position: relative;
  30. }
  31. .tab-empty {
  32. width: 100%;
  33. display: flex;
  34. justify-content: center;
  35. align-items: center;
  36. }
  37. .tab-loading {
  38. position: absolute;
  39. top: 0;
  40. left: 0;
  41. width: 100%;
  42. display: none;
  43. background-color: $main-bg;
  44. > div {
  45. display: flex;
  46. justify-content: center;
  47. align-items: center;
  48. width: 100%;
  49. height: 100%;
  50. }
  51. }
  52. iframe {
  53. border: 0;
  54. width: 100%;
  55. height: 100%;
  56. .content-wrapper {
  57. padding-bottom: 0 !important;
  58. }
  59. }
  60. body.iframe-mode-fullscreen & {
  61. position: absolute;
  62. left: 0;
  63. top: 0;
  64. right: 0;
  65. bottom: 0;
  66. margin-left: 0 !important;
  67. height: 100%;
  68. min-height: 100%;
  69. z-index: $zindex-main-sidebar + 10;
  70. }
  71. }
  72. }