Files
grafana-statusmap/dist/css/statusmap.light.css
T
Ivan Mikheykin 9463913189 feat: use timestamp to put values in buckets
- fix rendering for spreaded values
- fix legend for spectrum and opacity
2020-03-04 17:17:05 +03:00

93 lines
2.3 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 {
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-extraseries {
white-space: nowrap;
font-size: 12px;
background-color: #dde4ed;
color: #52545c; }
.statusmap-tooltip-extraseries .discrete-item {
color: #ffffff;
padding: 1px;
font-weight: bold;
margin-bottom: 0;
text-shadow: 0 0 0.2em #212124, 0 0 0.2em #212124, 0 0 0.2em #212124; }
.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; }
.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 */