pagination.less 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. @import "../../../less/variables";
  2. @import "../../../less/elements";
  3. @import (reference) "../../../less/bootstrap/bootstrap";
  4. .ui-grid-pager-panel {
  5. position: absolute;
  6. left: 0;
  7. bottom: 0;
  8. width: 100%;
  9. padding-top: 3px;
  10. padding-bottom: 3px;
  11. }
  12. .ui-grid-pager-container {
  13. float: left;
  14. }
  15. .ui-grid-pager-control {
  16. margin-right: 10px;
  17. margin-left: 10px;
  18. min-width: 135px;
  19. float: left;
  20. button {
  21. height: 25px;
  22. min-width: 26px;
  23. #ui-grid-twbs > .btn;
  24. #ui-grid-twbs > .button-variant(@paginationButtonColor, @paginationButtonBackgroundColor, @paginationButtonBorderColor);
  25. }
  26. input {
  27. #ui-grid-twbs > .form-control();
  28. #ui-grid-twbs > .input-sm ();
  29. display: inline;
  30. height: 26px;
  31. width: 50px;
  32. vertical-align: top;
  33. }
  34. .ui-grid-pager-max-pages-number{
  35. vertical-align: bottom;
  36. > * {
  37. vertical-align: middle;
  38. }
  39. }
  40. .first-bar {
  41. width: 10px;
  42. border-left: 2px solid #4d4d4d;
  43. margin-top: -6px;
  44. height: 12px;
  45. margin-left: -3px;
  46. }
  47. .first-triangle {
  48. width: 0;
  49. height: 0;
  50. border-style: solid;
  51. border-width: 5px 8.7px 5px 0;
  52. border-color: transparent #4d4d4d transparent transparent;
  53. margin-left: 2px;
  54. }
  55. .next-triangle {
  56. margin-left: 1px;
  57. }
  58. .prev-triangle {
  59. margin-left: 0;
  60. }
  61. .last-triangle {
  62. width: 0;
  63. height: 0;
  64. border-style: solid;
  65. border-width: 5px 0 5px 8.7px;
  66. border-color: transparent transparent transparent #4d4d4d;
  67. margin-left: -1px;
  68. }
  69. .last-bar {
  70. width: 10px;
  71. border-left: 2px solid #4d4d4d;
  72. margin-top: -6px;
  73. height: 12px;
  74. margin-left: 1px;
  75. }
  76. }
  77. .ui-grid-pager-row-count-picker {
  78. float: left;
  79. select {
  80. #ui-grid-twbs > .form-control;
  81. #ui-grid-twbs > .input-sm ();
  82. height: 26px;
  83. width: 60px;
  84. display: inline;
  85. }
  86. .ui-grid-pager-row-count-label {
  87. margin-top: 3px;
  88. }
  89. }
  90. .ui-grid-pager-count-container {
  91. float: right;
  92. margin-top: 4px;
  93. min-width: 50px;
  94. .ui-grid-pager-count {
  95. margin-right: 10px;
  96. margin-left: 10px;
  97. float: right;
  98. }
  99. }