tables.less 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. //
  2. // Tables
  3. // --------------------------------------------------
  4. .table-actions {
  5. margin-bottom: @line-height-computed;
  6. height: 36px;
  7. overflow: visible;
  8. &>.pull-left {
  9. margin-right: @line-height-computed / 2;
  10. }
  11. &>.pull-right {
  12. margin-left: @line-height-computed / 2;
  13. }
  14. }
  15. .table-panel {
  16. border: 1px solid @table-panel-border;
  17. border-radius: @border-radius-base;
  18. box-shadow: 0px 0px 0px 3px @table-panel-shadow;
  19. margin-bottom: @line-height-computed;
  20. table.table {
  21. margin: 0px;
  22. tr {
  23. &.active {
  24. td {
  25. background-color: fadeOut(@brand-warning, 95%);
  26. }
  27. }
  28. th {
  29. background: @table-header-bg;
  30. border: none;
  31. padding: @table-condensed-cell-padding @table-cell-padding;
  32. color: @table-header-color;
  33. font-size: @font-size-small;
  34. &:first-child {
  35. border-radius: (@border-radius-base - 1) 0px 0px 0px;
  36. }
  37. &:last-child {
  38. border-radius: 0px (@border-radius-base - 1) 0px 0px;
  39. }
  40. }
  41. td {
  42. background-color: #fff;
  43. vertical-align: middle;
  44. img {
  45. border-radius: @border-radius-base;
  46. max-width: 30px;
  47. max-height: 30px;
  48. }
  49. &.row-action {
  50. width: 1%;
  51. &>.btn, .dropdown-toggle {
  52. padding: 0px;
  53. width: 30px;
  54. height: 30px;
  55. font-size: @font-size-large;
  56. text-align: center;
  57. &>span {
  58. position: relative;
  59. bottom: 1px;
  60. }
  61. }
  62. }
  63. &.row-select {
  64. width: 1%;
  65. label {
  66. padding: 0px;
  67. width: 24px;
  68. height: 24px;
  69. text-align: center;
  70. input {
  71. width: 12px;
  72. height: 12px;
  73. }
  74. &.ninja-label {
  75. border: 0;
  76. clip: rect(0 0 0 0);
  77. height: 1px;
  78. margin: -1px;
  79. overflow: hidden;
  80. padding: 0;
  81. position: absolute;
  82. width: 1px;
  83. }
  84. }
  85. a {
  86. display: block;
  87. width: 24px;
  88. height: 24px;
  89. span {
  90. color: lighten(@gray-light, 5%);
  91. font-size: 24px;
  92. }
  93. &.active {
  94. span {
  95. color: @brand-success;
  96. }
  97. }
  98. }
  99. }
  100. }
  101. }
  102. }
  103. }