_grid.scss 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  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. .filter-box {
  56. background: transparent;
  57. box-shadow: none!important;
  58. padding: 0!important;
  59. margin: 1rem 0 -1rem!important;
  60. padding-bottom: 0!important;
  61. .form-group {
  62. margin-bottom: 1rem;
  63. }
  64. }
  65. .custom-data-table-header .table-responsive .top .dataTables_filter .form-control {
  66. border-radius: .4rem;
  67. border: 1px solid $input-border-color;
  68. box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  69. }
  70. }
  71. body:not(.dark-mode) .grid-modal {
  72. .table-collapse .table.custom-data-table {
  73. padding: 5px 0 0;
  74. }
  75. .table-collapse table.custom-data-table.dataTable thead th {
  76. height: 20px;
  77. }
  78. .table-collapse .custom-data-table.dataTable tbody td {
  79. height: 35px;
  80. }
  81. }