panel_table.less 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .table-panel-wrapper {
  2. .panel-content {
  3. padding: 0;
  4. }
  5. .panel-title-container {
  6. padding-bottom: 4px;
  7. }
  8. }
  9. .table-panel-scroll {
  10. overflow: auto;
  11. }
  12. .table-panel-container {
  13. padding-top: 32px;
  14. position: relative;
  15. }
  16. .table-panel-footer {
  17. text-align: center;
  18. background: @grafanaListAccent;
  19. font-size: 80%;
  20. line-height: 2px;
  21. ul {
  22. position: relative;
  23. display: inline-block;
  24. margin-left: 0;
  25. margin-bottom: 0;
  26. }
  27. ul > li {
  28. display: inline; // Remove list-style and block-level defaults
  29. }
  30. ul > li > a {
  31. float: left; // Collapse white-space
  32. padding: 4px 12px;
  33. text-decoration: none;
  34. border-left-width: 0;
  35. }
  36. }
  37. .table-panel-table {
  38. width: 100%;
  39. border-collapse: collapse;
  40. tr {
  41. border-bottom: 2px solid @bodyBackground;
  42. }
  43. th {
  44. padding: 0;
  45. &:first-child {
  46. .table-panel-table-header-inner {
  47. padding-left: 15px;
  48. }
  49. }
  50. }
  51. td {
  52. padding: 10px 0 10px 15px;
  53. &:first-child {
  54. padding-left: 15px;
  55. }
  56. }
  57. }
  58. .table-panel-header-bg {
  59. background: @grafanaListAccent;
  60. border-top: 2px solid @bodyBackground;
  61. border-bottom: 2px solid @bodyBackground;
  62. height: 30px;
  63. position: absolute;
  64. top: 0;
  65. right: 0;
  66. left: 0;
  67. }
  68. .table-panel-table-header-inner {
  69. padding: 5px 0 5px 15px;
  70. text-align: left;
  71. color: @blue;
  72. position: absolute;
  73. top: 0;
  74. line-height: 23px;
  75. }