grid.scss 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /**Variable**/
  2. .vxe-grid {
  3. position: relative;
  4. &.is--loading {
  5. &:before {
  6. content: "";
  7. position: absolute;
  8. top: 0;
  9. left: 0;
  10. width: 100%;
  11. height: 100%;
  12. z-index: 99;
  13. user-select: none;
  14. background-color: $vxe-loading-background-color;
  15. }
  16. & > .vxe-table {
  17. .vxe-loading {
  18. background-color: transparent;
  19. }
  20. }
  21. }
  22. &.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: $vxe-grid-maximize-background-color;
  30. }
  31. .vxe-body--row {
  32. &.row--pending {
  33. color: $vxe-table-validate-error-color;
  34. text-decoration: line-through;
  35. cursor: no-drop;
  36. .vxe-body--column {
  37. position: relative;
  38. &:after {
  39. content: "";
  40. position: absolute;
  41. top: 50%;
  42. left: 0;
  43. width: 100%;
  44. height: 0;
  45. border-bottom: 1px solid $vxe-table-validate-error-color;
  46. z-index: 1;
  47. }
  48. }
  49. }
  50. }
  51. .vxe-grid--form-wrapper,
  52. .vxe-grid--top-wrapper,
  53. .vxe-grid--bottom-wrapper {
  54. position: relative;
  55. }
  56. }
  57. .vxe-grid {
  58. font-size: $vxe-font-size;
  59. &.size--medium {
  60. font-size: $vxe-font-size-medium;
  61. }
  62. &.size--small {
  63. font-size: $vxe-font-size-small;
  64. }
  65. &.size--mini {
  66. font-size: $vxe-font-size-mini;
  67. }
  68. }