_grid-selector.scss 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .grid-selector {
  2. //margin: -1rem;
  3. width: 100%;
  4. }
  5. .grid-selector .wrap {
  6. position: relative;
  7. line-height: 40px;
  8. border-bottom: 1px dashed #eee;
  9. padding: 0 30px;
  10. font-size: 13px;
  11. overflow:auto;
  12. }
  13. .grid-selector .wrap:last-child {
  14. border-bottom: none;
  15. }
  16. .grid-selector .select-label {
  17. float: left;
  18. width: 100px;
  19. padding-left: 10px;
  20. color: #888;
  21. }
  22. .grid-selector .select-options {
  23. margin-left: 100px;
  24. }
  25. .grid-selector ul {
  26. height: 25px;
  27. list-style: none;
  28. }
  29. .grid-selector ul > li {
  30. margin-right: 30px;
  31. float: left;
  32. }
  33. .grid-selector ul > li a {
  34. color: #666;
  35. text-decoration: none;
  36. }
  37. .grid-selector .select-options a.active {
  38. color: $primary-darker;
  39. font-weight: bold;
  40. }
  41. .grid-selector li .add {
  42. visibility: hidden;
  43. }
  44. .grid-selector li:hover .add {
  45. visibility: visible;
  46. }
  47. .grid-selector ul .clear {
  48. visibility: hidden;
  49. }
  50. .grid-selector ul:hover .clear {
  51. color: $red-darker;
  52. visibility: visible;
  53. }
  54. .custom-data-table {
  55. .grid-selector {
  56. padding: 2px;
  57. .wrap {
  58. border-bottom: 0;
  59. background: $white;
  60. box-shadow: $shadow;
  61. border-radius: .35rem;
  62. margin: 7px 0;
  63. }
  64. }
  65. }