mirror of
https://github.com/timberjoegithub/grafana-statusmap.git
synced 2026-07-22 07:49:47 +00:00
Ivan Mikheykin
ef4b0e1228
Continuation of PR #93. - reworked layout for pagination controls on graph - use BucketMatrixPager for pagination logic and state
106 lines
2.5 KiB
CSS
106 lines
2.5 KiB
CSS
.status-heatmap-canvas-wrapper {
|
|
cursor: crosshair; }
|
|
.status-heatmap-canvas-wrapper .datapoints-warning {
|
|
pointer-events: none; }
|
|
.status-heatmap-canvas-wrapper .datapoints-warning span {
|
|
background-color: #e9edf2;
|
|
color: #52545c;
|
|
padding: 1px; }
|
|
|
|
.statusmap-panel {
|
|
position: relative; }
|
|
.statusmap-panel .axis .tick text {
|
|
fill: #52545c;
|
|
color: #52545c;
|
|
font-size: 11px; }
|
|
.statusmap-panel .axis .tick line {
|
|
opacity: 0.4;
|
|
stroke: #767980; }
|
|
.statusmap-panel svg {
|
|
pointer-events: none; }
|
|
.statusmap-panel svg rect {
|
|
pointer-events: visiblePainted; }
|
|
|
|
.statusmap-tooltip {
|
|
position: absolute;
|
|
padding: 10px;
|
|
font-weight: 200;
|
|
border-radius: 5px;
|
|
max-width: 800px;
|
|
max-height: 600px;
|
|
overflow: hidden;
|
|
line-height: 14px;
|
|
z-index: 9999;
|
|
white-space: nowrap;
|
|
font-size: 12px;
|
|
background-color: #dde4ed;
|
|
color: #52545c; }
|
|
.statusmap-tooltip .discrete-item {
|
|
color: #ffffff;
|
|
padding: 1px;
|
|
font-weight: bold;
|
|
text-shadow: 0 0 0.2em #212124, 0 0 0.2em #212124, 0 0 0.2em #212124; }
|
|
|
|
.statusmap-tooltip-frozen {
|
|
position: relative;
|
|
z-index: 1; }
|
|
|
|
.statusmap-histogram rect {
|
|
fill: #767980; }
|
|
|
|
.status-heatmap-crosshair line {
|
|
stroke: #9e2f22;
|
|
stroke-width: 1; }
|
|
|
|
.status-heatmap-selection {
|
|
stroke-width: 1;
|
|
fill: rgba(102, 102, 102, 0.4);
|
|
stroke: rgba(102, 102, 102, 0.8); }
|
|
|
|
.width-c-40 {
|
|
width: 40rem !important; }
|
|
|
|
.width-c-50 {
|
|
width: 50rem !important; }
|
|
|
|
.width-c-60 {
|
|
width: 60rem !important; }
|
|
|
|
.width-c-70 {
|
|
width: 70rem !important; }
|
|
|
|
.statusmap-pagination {
|
|
margin-top: 5px; }
|
|
.statusmap-pagination label {
|
|
margin-right: 0px; }
|
|
.statusmap-pagination input {
|
|
margin-right: 0px; }
|
|
.statusmap-pagination .last-in-group {
|
|
margin-right: 4px; }
|
|
|
|
.pagination-buttons {
|
|
text-align: right; }
|
|
|
|
.status-heatmap-legend-wrapper {
|
|
margin: 0 10px; }
|
|
.status-heatmap-legend-wrapper svg {
|
|
height: 24px;
|
|
float: left;
|
|
white-space: nowrap; }
|
|
.status-heatmap-legend-wrapper .status-heatmap-color-legend {
|
|
margin-top: 4px; }
|
|
.status-heatmap-legend-wrapper .status-heatmap-legend-values {
|
|
display: inline-block; }
|
|
.status-heatmap-legend-wrapper .axis .tick text {
|
|
fill: #52545c;
|
|
color: #52545c;
|
|
font-size: 11px; }
|
|
.status-heatmap-legend-wrapper .axis .tick line {
|
|
opacity: 0.4;
|
|
stroke: #767980; }
|
|
.status-heatmap-legend-wrapper .axis .tick .domain {
|
|
opacity: 0.4;
|
|
stroke: #767980; }
|
|
|
|
/*# sourceMappingURL=statusmap.light.css.map */
|