style.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .vxe-grid {
  2. position: relative;
  3. display: flex;
  4. flex-direction: column;
  5. }
  6. .vxe-grid.is--loading:before {
  7. content: "";
  8. position: absolute;
  9. top: 0;
  10. left: 0;
  11. width: 100%;
  12. height: 100%;
  13. z-index: 99;
  14. -webkit-user-select: none;
  15. -moz-user-select: none;
  16. user-select: none;
  17. background-color: var(--vxe-ui-loading-background-color);
  18. }
  19. .vxe-grid.is--loading > .vxe-table .vxe-loading {
  20. background-color: transparent;
  21. }
  22. .vxe-grid.is--maximize {
  23. position: fixed;
  24. top: 0;
  25. left: 0;
  26. width: 100%;
  27. height: 100%;
  28. padding: 0.5em 1em;
  29. background-color: var(--vxe-ui-layout-background-color);
  30. }
  31. .vxe-grid .vxe-grid--form-wrapper,
  32. .vxe-grid .vxe-grid--top-wrapper,
  33. .vxe-grid .vxe-grid--bottom-wrapper {
  34. position: relative;
  35. }
  36. .vxe-grid .vxe-grid--table-container {
  37. display: flex;
  38. flex-direction: row;
  39. }
  40. .vxe-grid .vxe-grid--left-wrapper,
  41. .vxe-grid .vxe-grid--right-wrapper {
  42. flex-shrink: 0;
  43. overflow: auto;
  44. outline: 0;
  45. }
  46. .vxe-grid .vxe-grid--table-wrapper {
  47. flex-grow: 1;
  48. overflow: hidden;
  49. }
  50. .vxe-grid--layout-body-wrapper {
  51. display: flex;
  52. flex-direction: row;
  53. overflow: auto;
  54. flex-grow: 1;
  55. }
  56. .vxe-grid--layout-body-content-wrapper {
  57. flex-grow: 1;
  58. overflow: auto;
  59. }
  60. .vxe-grid--layout-header-wrapper,
  61. .vxe-grid--layout-footer-wrapper,
  62. .vxe-grid--layout-aside-left-wrapper,
  63. .vxe-grid--layout-aside-left-wrapper {
  64. flex-shrink: 0;
  65. }
  66. .vxe-grid--layout-aside-left-wrapper,
  67. .vxe-grid--layout-aside-left-wrapper {
  68. overflow: auto;
  69. }
  70. .vxe-grid {
  71. font-size: var(--vxe-ui-font-size-default);
  72. }
  73. .vxe-grid.size--medium {
  74. font-size: var(--vxe-ui-font-size-medium);
  75. }
  76. .vxe-grid.size--small {
  77. font-size: var(--vxe-ui-font-size-small);
  78. }
  79. .vxe-grid.size--mini {
  80. font-size: var(--vxe-ui-font-size-mini);
  81. }