You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

158 line
2.8 KiB

  1. /*
  2. IMPORTANT:
  3. In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
  4. No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
  5. classes should alter those!
  6. */
  7. .slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  8. width: 100%;
  9. overflow: hidden;
  10. border-left: 0px;
  11. }
  12. .slick-header-columns, .slick-headerrow-columns {
  13. width: 999999px;
  14. position: relative;
  15. white-space: nowrap;
  16. cursor: default;
  17. overflow: hidden;
  18. }
  19. .slick-header-column.ui-state-default {
  20. position: relative;
  21. display: inline-block;
  22. overflow: hidden;
  23. text-overflow: ellipsis;
  24. height: 16px;
  25. line-height: 16px;
  26. margin: 0;
  27. padding: 4px;
  28. border-right: 1px solid silver;
  29. border-left: 0px;
  30. border-top: 0px;
  31. border-bottom: 0px;
  32. float: left;
  33. }
  34. .slick-headerrow-column.ui-state-default {
  35. padding: 4px;
  36. }
  37. .slick-header-column-sorted {
  38. font-style: italic;
  39. }
  40. .slick-sort-indicator {
  41. display: inline-block;
  42. width: 8px;
  43. height: 5px;
  44. margin-left: 4px;
  45. }
  46. .slick-sort-indicator-desc {
  47. background: url(lib/js/lib/slickgrid/images/sort-desc.gif);
  48. }
  49. .slick-sort-indicator-asc {
  50. background: url(lib/js/lib/slickgrid/images/sort-asc.gif);
  51. }
  52. .slick-resizable-handle {
  53. position: absolute;
  54. font-size: 0.1px;
  55. display: block;
  56. cursor: col-resize;
  57. width: 4px;
  58. right: 0px;
  59. top: 0;
  60. height: 100%;
  61. }
  62. .slick-sortable-placeholder {
  63. background: silver;
  64. }
  65. .grid-canvas {
  66. position: relative;
  67. outline: 0;
  68. }
  69. .slick-row.ui-widget-content, .slick-row.ui-state-active {
  70. position: absolute;
  71. border: 0px;
  72. width: 100%;
  73. }
  74. .slick-cell, .slick-headerrow-column {
  75. position: absolute;
  76. border: 1px solid transparent;
  77. border-right: 1px dotted silver;
  78. border-bottom-color: silver;
  79. overflow: hidden;
  80. text-overflow: ellipsis;
  81. white-space: nowrap;
  82. vertical-align: middle;
  83. z-index: 1;
  84. padding: 1px 2px 2px 1px;
  85. margin: 0;
  86. white-space: nowrap;
  87. cursor: default;
  88. }
  89. .slick-group {
  90. }
  91. .slick-group-toggle {
  92. display: inline-block;
  93. }
  94. .slick-cell.highlighted {
  95. background: lightskyblue;
  96. background: rgba(0, 0, 255, 0.2);
  97. -webkit-transition: all 0.5s;
  98. -moz-transition: all 0.5s;
  99. transition: all 0.5s;
  100. }
  101. .slick-cell.flashing {
  102. border: 1px solid red !important;
  103. }
  104. .slick-cell.editable {
  105. z-index: 11;
  106. overflow: visible;
  107. background: white;
  108. border-color: black;
  109. border-style: solid;
  110. }
  111. .slick-cell:focus {
  112. outline: none;
  113. }
  114. .slick-reorder-proxy {
  115. display: inline-block;
  116. background: blue;
  117. opacity: 0.15;
  118. filter: alpha(opacity = 15);
  119. cursor: move;
  120. }
  121. .slick-reorder-guide {
  122. display: inline-block;
  123. height: 2px;
  124. background: blue;
  125. opacity: 0.7;
  126. filter: alpha(opacity = 70);
  127. }
  128. .slick-selection {
  129. z-index: 10;
  130. position: absolute;
  131. border: 2px dashed black;
  132. }