_grid-selector.scss 1.4 KB

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