You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

165 lines
2.9 KiB

  1. #checks-table {
  2. margin-top: 36px;
  3. }
  4. #checks-table .checks-row:hover {
  5. background-color: var(--table-bg-hover);
  6. }
  7. .my-checks-name.unnamed {
  8. color: var(--text-muted);
  9. font-style: italic;
  10. }
  11. #checks-table .indicator-cell {
  12. text-align: center;
  13. }
  14. #checks-table th {
  15. border-top: 0;
  16. }
  17. #checks-table a.default {
  18. color: var(--text-color);
  19. }
  20. #checks-table tr:hover a.default {
  21. color: var(--link-color);
  22. }
  23. #checks-table td {
  24. vertical-align: middle;
  25. border-top: 1px solid var(--border-muted);
  26. }
  27. #checks-table .my-checks-name,
  28. #checks-table .integrations,
  29. #checks-table .timeout-grace,
  30. #checks-table .last-ping {
  31. border: 1px solid transparent;
  32. padding: 6px;
  33. }
  34. #checks-table.rw tr:hover .my-checks-name,
  35. #checks-table.rw tr:hover .integrations,
  36. #checks-table.rw tr:hover .timeout-grace,
  37. #checks-table tr:hover .last-ping {
  38. border: 1px dotted #AAA;
  39. cursor: pointer;
  40. }
  41. #checks-table > tbody > tr > th.th-name,
  42. #checks-table > tbody > tr > th.th-integrations,
  43. #checks-table > tbody > tr > th.th-period,
  44. #checks-table > tbody > tr > th.th-last-ping {
  45. padding-left: 15px;
  46. }
  47. #checks-table .integrations span {
  48. padding: 10px 2px;
  49. display: inline-block;
  50. font-size: 20px;
  51. width: 24px;
  52. }
  53. #checks-table .integrations span.off:before {
  54. color: var(--channel-off-inside-color);
  55. }
  56. #checks-table .integrations span.off:after {
  57. color: var(--channel-off-color);
  58. }
  59. .timeout-grace .cron-expression {
  60. text-overflow: ellipsis;
  61. white-space: nowrap;
  62. overflow: hidden;
  63. max-width: 120px;
  64. }
  65. .checks-subline {
  66. color: var(--text-muted);
  67. white-space: nowrap;
  68. }
  69. button.copy-link {
  70. opacity: 0;
  71. display: inline-block;
  72. width: 50px;
  73. background: none!important;
  74. border: none;
  75. padding: 0!important;
  76. text-align: left;
  77. font-family: "Open Sans", Arial, sans-serif;
  78. color: var(--link-color);
  79. cursor :pointer;
  80. transition: opacity 0.1s linear;
  81. }
  82. button.copy-link:hover {
  83. text-decoration: underline;
  84. }
  85. tr:hover .copy-link {
  86. opacity: 1
  87. }
  88. #checks-table .url-cell,
  89. #checks-table .integrations-cell,
  90. #checks-table .timeout-cell {
  91. white-space: nowrap;
  92. }
  93. .url-cell .base {
  94. color: var(--text-muted);
  95. }
  96. .my-checks-url {
  97. font-family: "Lucida Console", Monaco, monospace;
  98. font-size: 11.7px;
  99. position: relative;
  100. line-height: 36px;
  101. }
  102. .checks-subline-duration {
  103. color: var(--text-muted);
  104. white-space: nowrap;
  105. }
  106. #checks-table .actions {
  107. white-space: nowrap;
  108. }
  109. #checks-table .btn {
  110. border-color: transparent;
  111. background-color: transparent;
  112. font-size: 20px;
  113. color: #999;
  114. }
  115. #checks-table tr:hover .btn {
  116. color: #666;
  117. background: transparent;
  118. opacity: 1;
  119. }
  120. #checks-table tr:hover .btn:hover {
  121. background: var(--btn-active-bg);
  122. color: var(--btn-default-color);
  123. }
  124. #checks-table .pause {
  125. opacity: 0;
  126. }
  127. #checks-table tr:hover .pause.confirm:hover {
  128. background: #0091ea;
  129. color: #FFF;
  130. outline: none;
  131. }