body.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  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. clear: both; //prevent columns mixing after expand
  28. &:nth-child(odd) .ui-grid-cell {
  29. background-color: @rowColorOdd; //rgb(253, 253, 253);
  30. }
  31. &:nth-child(even) .ui-grid-cell {
  32. background-color: @rowColorEven;
  33. }
  34. &:last-child .ui-grid-cell {
  35. border-bottom-color: @borderColor;
  36. border-bottom-style: solid;
  37. }
  38. }
  39. .ui-grid-no-row-overlay {
  40. position: absolute;
  41. top: 0;
  42. bottom: 0;
  43. left: 0;
  44. right: 0;
  45. margin: 10%;
  46. .ui-grid-top-panel-background;
  47. .border-radius(@gridBorderRadius);
  48. border: @gridBorderWidth solid @borderColor;
  49. font-size: 2em;
  50. text-align: center;
  51. > * {
  52. position: absolute;
  53. display: table;
  54. margin: auto 0;
  55. width: 100%;
  56. top: 0;
  57. bottom: 0;
  58. left: 0;
  59. right: 0;
  60. opacity: 0.66;
  61. }
  62. }