aggrid.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. .aggrid {
  5. height: 600px;
  6. font-size: 1rem;
  7. color: #626262;
  8. /*** TABLE BODY HEIGHT - FOOTER HEIGHT ***/
  9. /*** HEADER TEXT ***/
  10. /*** PAGINATION STYLING ***/
  11. /*** TABLE SCROLLBAR ***/
  12. }
  13. .aggrid .ag-icon-checkbox-checked,
  14. .aggrid .ag-icon-checkbox-indeterminate {
  15. color: #5c6bc6;
  16. }
  17. .aggrid .ag-root-wrapper-body {
  18. min-height: calc(100% - 56px);
  19. }
  20. .aggrid .ag-header-cell-text {
  21. font-size: 1rem;
  22. font-family: "Montserrat", Helvetica, Arial, serif;
  23. }
  24. .aggrid .ag-paging-panel {
  25. display: block !important;
  26. align-items: center;
  27. height: 98px;
  28. }
  29. .aggrid .ag-paging-panel .ag-paging-row-summary-panel {
  30. display: none;
  31. }
  32. .aggrid .ag-paging-panel .ag-paging-page-summary-panel {
  33. justify-content: center;
  34. margin-left: 0;
  35. margin-top: 18px;
  36. }
  37. .aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref=lbCurrent],
  38. .aggrid .ag-paging-panel .ag-paging-page-summary-panel [ref=lbTotal] {
  39. color: #fff;
  40. padding: 0.7rem 0.95rem;
  41. border-radius: 0.5rem;
  42. }
  43. .aggrid .ag-paging-panel .ag-paging-button {
  44. background-color: #dae1e7;
  45. border-radius: 50%;
  46. padding: 0.5rem 0rem;
  47. margin: 0 0.5rem;
  48. color: #626262 !important;
  49. }
  50. .aggrid .ag-paging-panel .ag-paging-button .ag-icon {
  51. color: #626262 !important;
  52. opacity: 1 !important;
  53. }
  54. .aggrid .ag-paging-panel .ag-paging-button.ag-disabled {
  55. opacity: 0.5 !important;
  56. }
  57. .aggrid .ag-paging-panel span[ref=lbCurrent] {
  58. background-color: #5c6bc6;
  59. }
  60. .aggrid .ag-paging-panel span[ref=lbTotal] {
  61. background-color: #dae1e7;
  62. color: #626262 !important;
  63. }
  64. .aggrid ::-webkit-scrollbar {
  65. width: 10px;
  66. height: 10px;
  67. }
  68. .aggrid ::-webkit-scrollbar-thumb {
  69. background: #dae1e7;
  70. border-radius: 20px;
  71. }
  72. .aggrid ::-webkit-scrollbar-track {
  73. background: #f8f8f8;
  74. border-radius: 20px;
  75. }
  76. /*** PAGE FILTER DROPDOWN ***/
  77. .filter-btn {
  78. padding: 1.2rem !important;
  79. border-radius: 5rem;
  80. font-size: 0.95rem;
  81. }
  82. .filter-btn:after {
  83. left: 5px;
  84. }
  85. /*** SORTING DROPDOWN WIDTH ***/
  86. .sort-dropdown .dropdown-menu {
  87. min-width: 4rem;
  88. }