_grid.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .grid-column-header {
  2. a {
  3. color: darken($dark70, 5%);
  4. font-size: 1rem;
  5. }
  6. a:hover, a.active {
  7. color: $primary-darker;
  8. }
  9. }
  10. // 排序图标
  11. .grid-sort {
  12. display: inline-block;
  13. margin: -2px -4px 0 3px;
  14. height: 15px;
  15. .up:before {
  16. font-family: "feather";
  17. padding-right: 0.3rem;
  18. font-size: 0.7rem;
  19. content: "\E845";
  20. }
  21. .down {
  22. margin: 6px 0 0 -1.17rem;
  23. }
  24. .down:after {
  25. font-family: "feather";
  26. content: "\E842";
  27. font-size: 0.7rem;
  28. }
  29. }
  30. // 过滤器滑动面板
  31. .right-side-filter-container .header {
  32. border-bottom: 1px solid $divider-color;
  33. width: 100%;
  34. background: #fff;
  35. z-index: 10;
  36. top: 0;
  37. margin-left: -1rem;
  38. }
  39. // 快捷新增
  40. .quick-create {
  41. td {
  42. padding-left: 45px;
  43. background-color: #f3f3f3;
  44. vertical-align: middle;
  45. //border-radius: .5rem;
  46. height: 32px;
  47. color: #777;
  48. }
  49. }
  50. .grid-modal {
  51. .modal-body {
  52. //background:$body-bg;
  53. padding:1.5rem
  54. }
  55. }
  56. .simple-grid {
  57. .filter-box {
  58. background: transparent;
  59. box-shadow: none!important;
  60. padding: 0!important;
  61. margin: .5rem 0 -1rem!important;
  62. padding-bottom: 0!important;
  63. .form-group {
  64. margin-bottom: 1rem;
  65. }
  66. }
  67. .custom-data-table-header .table-responsive .top .dataTables_filter .form-control {
  68. border-radius: .4rem;
  69. border: 1px solid $input-border-color;
  70. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  71. }
  72. }
  73. body:not(.dark-mode) .simple-grid {
  74. .table-collapse {
  75. box-shadow: none;
  76. background: transparent;
  77. //border: 1px solid #ededf1!important;
  78. .custom-data-table {
  79. background: transparent;
  80. }
  81. .custom-data-table.dataTable tbody td {
  82. height: 35px;
  83. }
  84. .custom-data-table.dataTable thead th {
  85. height: 20px;
  86. }
  87. .custom-data-table {
  88. padding: 5px 0 0;
  89. //border-top: 1px solid $table-border-color;
  90. border-bottom: 1px solid $table-border-color;
  91. }
  92. table.dataTable thead tr:last-child th {
  93. border-bottom: 2px solid $table-border-color;
  94. }
  95. }
  96. }