panel_table.less 1.3 KB

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