body.less 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. .ui-grid-render-container {
  2. position: inherit;
  3. // overflow: hidden;
  4. .border-radius(0, @gridBorderRadius, @gridBorderRadius, 0);
  5. // Prevent an outline from showing if we focus the render container element
  6. &:focus {
  7. outline: none;
  8. }
  9. }
  10. .ui-grid-viewport {
  11. // overflow: auto; // TODO(c0bra): turn back on when virtual repeater is hooked up
  12. min-height: 20px;
  13. position: relative;
  14. overflow-y: scroll;
  15. -webkit-overflow-scrolling: touch;
  16. &:focus {
  17. outline: none !important;
  18. }
  19. }
  20. .ui-grid-canvas {
  21. position: relative;
  22. padding-top:1px; //to prevent canvas from absorbing the 1st rendered row's margin
  23. }
  24. .ui-grid-row {
  25. //position: absolute;
  26. // border-bottom: 1px solid @borderColor;
  27. &:nth-child(odd) .ui-grid-cell {
  28. background-color: @rowColorOdd; //rgb(253, 253, 253);
  29. }
  30. &:nth-child(even) .ui-grid-cell {
  31. background-color: @rowColorEven;
  32. }
  33. &:last-child .ui-grid-cell {
  34. border-bottom-color: @borderColor;
  35. border-bottom-style: solid;
  36. }
  37. }
  38. .ui-grid-no-row-overlay {
  39. position: absolute;
  40. top: 0;
  41. bottom: 0;
  42. left: 0;
  43. right: 0;
  44. margin: 10%;
  45. .ui-grid-top-panel-background;
  46. .border-radius(@gridBorderRadius);
  47. border: @gridBorderWidth solid @borderColor;
  48. font-size: 2em;
  49. text-align: center;
  50. > * {
  51. position: absolute;
  52. display: table;
  53. margin: auto 0;
  54. width: 100%;
  55. top: 0;
  56. bottom: 0;
  57. left: 0;
  58. right: 0;
  59. opacity: 0.66;
  60. }
  61. }